vue img的src屬性需動態賦值 本地url


不可直接使用變量路徑 ,會報錯
 
html:
~~~
    <img :src="abIndex == 0 ? './imgs/img.png':'./imgs/img1.png'" alt="">
   
~~~
需要用import引入
寫法①:
js: 
    `import img from "@/assets/imgs/img.png"`
    `import img1 from "@/assets/imgs/img1.png"`
 
html:
~~~
    <img :src="tabIndex == 0 ? img: img1" alt="">
~~~
這只是本地圖片相對路徑圖片會出現這個問題,如果使用http://xx.xxxx.com/imgs/img.png全路徑直接使用則不會出現報錯


免責聲明!

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



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