Vue中img標簽中src動態綁定圖片路徑報錯問題解決


需求:需要將原來的vue項目中的圖片改為動態切換,例如鼠標移入換下一張,按鈕點擊換另一張

問題:正常來說想到的就是將src='www.baidu.com'改為:src='imgSrc',然后data定義路徑,配合事件切換,但是會發現在打包編譯后,圖片的地址是找不到的,解決辦法就是使用require進行資源引入,然后利用變量進行替換

標簽使用

 

 計算屬性具體使用,實現動態切換效果

 

 總結下來就是使用require進行靜態資源加載,避免直接路徑引入


免責聲明!

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



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