vue绑定图片路径数据问题

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

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

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

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

 

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

猜你喜欢

转载自blog.csdn.net/leileibrother/article/details/78644668
今日推荐