在vue-cli中使用v-for動態設置img的src值,路徑對,但是不顯示圖片


在vue-cli中動態的獲取img的src值,正確的形式為<img :src="item.img">  ,要使用v-blind綁定

開始,我把需要的圖片放在了/src/assets/images中,在瀏覽器中利用F12發現路徑也對,但是不顯示圖片

解決:

后發現,直接利用<img src="../assets/imgages/1.1.jpg">可以顯示圖片,但是利用瀏覽器的F12發現,路徑顯示的是/static/images/1.1.jpg,於是,我將圖片放在了/static/images中,使用v-for動態綁定,則顯示圖片。


免責聲明!

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



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