一般情况下我们为了能在本地显示效果,写图片路径会直接这样写,但是在实际中图片一般都是动态上传的,
所以,在vue中一般是这样的:
但是这样你会发现,图片根本显示不出来,只是显示了个图片的图标。
后来发现通过require了路径之后可以正常显示。
但是这样感觉还是不太好,因为我不想声明怎么多变量。于是就成了这样:
先把图片通过import导入,前面的../../直接改成 @ 就可以了,然后就可以通过上面图片这样的设置来显示了。
如果是要动态的话可以在方法里面通过this点属性来修改它: