vue项目图片路径问题

一般情况下我们为了能在本地显示效果,写图片路径会直接这样写,但是在实际中图片一般都是动态上传的,

所以,在vue中一般是这样的:

但是这样你会发现,图片根本显示不出来,只是显示了个图片的图标。

 

后来发现通过require了路径之后可以正常显示。

但是这样感觉还是不太好,因为我不想声明怎么多变量。于是就成了这样:

扫描二维码关注公众号,回复: 6530396 查看本文章

先把图片通过import导入,前面的../../直接改成 @ 就可以了,然后就可以通过上面图片这样的设置来显示了。

如果是要动态的话可以在方法里面通过this点属性来修改它:

猜你喜欢

转载自www.cnblogs.com/hermit-gyqy/p/11039766.html