在vue-cli中引入圖片不能正常顯示


我們用vue-cli構建項目的時候,圖片的地址是后台的,可是在template中item.img放到src中是不能正常顯示的為什么?

原因是:url-loader無法解析js動態生成的路徑。

解決:

將圖片放在src的同級的static這個文件夾中,然后地址和之前是一樣的放在store的index.js中;在template中img應該這樣寫

<img :src='item.img'/>(注意:v-bind:src是作用於運行時的,簡單來說就是綁定了一個屬性,屬性在程序運行過程中發生了變化,才會導致綁定src發生變化,

這樣就可以正常顯示了


免責聲明!

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



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