vue項目圖片路徑問題


一般情況下我們為了能在本地顯示效果,寫圖片路徑會直接這樣寫,但是在實際中圖片一般都是動態上傳的,

所以,在vue中一般是這樣的:

但是這樣你會發現,圖片根本顯示不出來,只是顯示了個圖片的圖標。

 

后來發現通過require了路徑之后可以正常顯示。

但是這樣感覺還是不太好,因為我不想聲明怎么多變量。於是就成了這樣:

先把圖片通過import導入,前面的../../直接改成 @ 就可以了,然后就可以通過上面圖片這樣的設置來顯示了。

如果是要動態的話可以在方法里面通過this點屬性來修改它:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM