欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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文件夹中,如下

vue图片不显示,引用路径出错怎么解决?

然后直接在data里面这样写

image:'../../static/img/mine.png'