vue绑定图片路径数据问题

来源:互联网 发布:三国演义的漏洞 知乎 编辑:程序博客网 时间:2024/06/06 17:49

初次使用vue,遇到了许多小细节问题,比如data里面的静态图片路径渲染到页面上的问题,天真的我以为直接写图片的相对路径就可以了,然而失败了,我还是太嫩了,如图,

里面的图片路径无法渲染在页面上,百度了一下,基本用两种方法解决。

1、加require,如 headerImg: require('../../../assets/img/man.png'),这样就可以显示出来了。

2、把图片放在static文件夹里面,用绝对路径引入,如 headerImg: 'static/img/man.png',这样也可以

 

还有什么好用写法吗?请多多指教

原创粉丝点击