当前位置： 移动技术网 > IT编程>网页制作>CSS > vue图片不显示，引用路径出错怎么解决？

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

2018年04月21日  | 移动技术网IT编程  | 我要评论

在做项目中，遇到把img图片作为变量放在data里，引用会发现图片不显示，以为是路径的问题，其实是webpack的事。

方案1： 使用require将图片进入，写法如下

image: require('../../assets/img/mine.png')

模板：

<img :src="image">

方案2：把图片放在static文件夹中，如下

\

然后直接在data里面这样写

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

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网