vue关于img src动态赋值问题
解决方法: 加个require()就可以了 <img :src="require('../assets/images/'+imgsrc+'.png')"/> ...
原文：vue中给img动态赋值的问题，使用require解决
参考文章：https: blog.csdn.net hzxonlineok article details 在写一个 emoji 组件，需要用到很多 emoji 表情，使用 data 定义一个 emoji 数组，里面有 文字 和 img 路径，发现图片不能显示，百度了一番，可以使用 require 来解决，require 是静态编译，在渲染DOM树时，路径就已经编译成图片资源了 ...
2021-05-27 00:14 0 212 推荐指数：
相关推荐
vue中本地img的src动态赋值
动态赋值本地图片的src，本来以为可以在请求接口之后增加一个参数，使用require拼接引入，结果不行，于是看了一下网上的资料，原来要在html中将图片当成模块来引入，再绑定 这里还有一个坑，就是如果你是拼接其他参数的，需要判断参数时候存在 仅供自己记录一下 ...
Vue中动态（import 、require）显示img图片
vue中，经常会遇到显示图片的问题， 如果是一个普通组件的话，那么这样就可以了 上文的弊端有两个： 首先，是采用绝对路径引入。如果以后图片移动了位置，需要修改代码。 其次，如果说图片是一个logo图片，同一页面内有多处用到。就需要引用多次，同理，修改也要修改多处 ...
vue中使用require动态拼接img路径
一般情况下，我们在使用require存放一个图片地址时，都是这么写： 然后当适配不同的设备时直接对这个地址进行赋值即可 但是当一次性要替换的图片过多时，比如给菜单这种很多图片进行赋值，那显然一个个的去写赋值肯定不行，于是可以使用for循环去赋值 ...
Vue.js 动态为img的src赋值
在vue中动态给src赋值绑定图片会显示不出来 动态添加src被当做静态资源处理了，没有进行编译 解决方法： 1、用网络地址 把图片放在cdn或自己的服务器上，把网络地址存在imgUrl里，然后直接<img :src="Url"> 2.把图片放在src同级的static文件夹 ...
Vue中img标签中src动态绑定图片路径报错问题解决
需求：需要将原来的vue项目中的图片改为动态切换，例如鼠标移入换下一张，按钮点击换另一张 问题：正常来说想到的就是将src='www.baidu.com'改为:src='imgSrc',然后data定义路径，配合事件切换，但是会发现在打包编译后，图片的地址是找不到的，解决办法就是使用 ...
v-for给img的src动态赋值问题
做一个轮播图，给img赋值src 发现全部都加载失败了，原因是webpack把图片作为模块处理，下面是解决方法 对于轮播图，也可以作为背景图去做 ...
vue循环动态绑定图片img地址（require）
html: js--data 绑定数据 ...