我們用vue-cli構建項目的時候,圖片的地址是后台的,可是在template中item.img放到src中是不能正常顯示的為什么?
原因是:url-loader無法解析js動態生成的路徑。
解決:
將圖片放在src的同級的static這個文件夾中,然后地址和之前是一樣的放在store的index.js中;在template中img應該這樣寫
<img :src='item.img'/>(注意:v-bind:src
是作用於運行時
的,簡單來說就是綁定了一個屬性,屬性在程序運行過程中發生了變化,才會導致綁定src
發生變化,)
這樣就可以正常顯示了