vue图片不显示,引用路径出错怎么解决?
程序员文章站
2022-12-01 19:27:30
在做项目中,遇到把img图片作为变量放在data里,引用会发现图片不显示,以为是路径的问题,其实是webpack的事。
方案1: 使用require将图片进入,写法如下
i...
在做项目中,遇到把img图片作为变量放在data里,引用会发现图片不显示,以为是路径的问题,其实是webpack的事。
方案1: 使用require将图片进入,写法如下
image: require('../../assets/img/mine.png')
模板:
<img :src="image">
方案2:把图片放在static文件夹中,如下
然后直接在data里面这样写
image:'../../static/img/mine.png'