vue中给img动态赋值的问题，使用require解决
参考文章：https://blog.csdn.net/hzxonlineok/article/details/96307270 在写一个 emoji 组件，需要用到很多 emoji 表情，使用 data 定义一个 emoji 数组，里面有 文字 和 img 路径，发现图片不能显示，百度了一番 ...
原文：vue中使用require动态拼接img路径
一般情况下，我们在使用require存放一个图片地址时，都是这么写： 然后当适配不同的设备时直接对这个地址进行赋值即可 但是当一次性要替换的图片过多时，比如给菜单这种很多图片进行赋值，那显然一个个的去写赋值肯定不行，于是可以使用for循环去赋值，但是由于require不能对变量进行赋值，于是要使用拼接的方式，这里我创建一个中间变量用来表示图片名称。 data结构如下 适配时代码如下 这样就避免一个 ...
2021-07-13 18:19 0 695 推荐指数：
相关推荐
在vue-cli中使用v-for动态设置img的src值，路径对，但是不显示图片
在vue-cli中动态的获取img的src值，正确的形式为<img :src="item.img"> ，要使用v-blind绑定 开始，我把需要的图片放在了/src/assets/images中，在浏览器中利用F12发现路径也对，但是不显示图片 解决： 后发现，直接利用 ...
如何在require中使用VUE
现在网上抄的沸沸扬扬的VUE看来是个很NB的东西啊，看了一下，确实相对于angular1来说简化了不少东西，性能方面也比angular1要好很多，所以现在用的人越来越多了，于是作为前端，学习一下新东西不至于被淘汰那是必须的~在网上看了一下，感觉还不错，打算用它写个单页面应用。于是……坑就跟着来了 ...
如何在require中使用VUE
现在网上抄的沸沸扬扬的VUE看来是个很NB的东西啊，看了一下，确实相对于angular1来说简化了不少东西，性能方面也比angular1要好很多，所以现在用的人越来越多了，于是作为前端，学习一下新东西不至于被淘汰那是必须的~在网上看了一下，感觉还不错，打算用它写个单页面应用。于是……坑就跟着 ...
Vue中动态（import 、require）显示img图片
vue中，经常会遇到显示图片的问题， 如果是一个普通组件的话，那么这样就可以了 上文的弊端有两个： 首先，是采用绝对路径引入。如果以后图片移动了位置，需要修改代码。 其次，如果说图片是一个logo图片，同一页面内有多处用到。就需要引用多次，同理，修改也要修改多处 ...
vue 使用require（）--拼接本地图片
1，根据类型拼接对应的图片 2.js 3.data ...
vue循环动态绑定图片img地址（require）
html: js--data 绑定数据 ...
react img使用require动态记载图片报错
我这里是这样动态加载图片的 结果报错找不到图片，可是我检查了很多遍，明明是这个路径没错啊。 查阅文档后发现： webpack本身是一个预编译的打包工具，无法预测未知变量路径 不能require纯变量路径 require(path) ,path 至少要有 ...