一般情況下我們為了能在本地顯示效果,寫圖片路徑會直接這樣寫,但是在實際中圖片一般都是動態上傳的,
所以,在vue中一般是這樣的:
但是這樣你會發現,圖片根本顯示不出來,只是顯示了個圖片的圖標。
后來發現通過require了路徑之后可以正常顯示。
但是這樣感覺還是不太好,因為我不想聲明怎么多變量。於是就成了這樣:
先把圖片通過import導入,前面的../../直接改成 @ 就可以了,然后就可以通過上面圖片這樣的設置來顯示了。
如果是要動態的話可以在方法里面通過this點屬性來修改它: