我的代碼結構如下面代碼所示，無法執行，在img中的src屬性中無法用mustache表示法
<div id="test"> <div v-for="item in lists"> <img src="{{item.img}}"> </div></div>new Vue({ el: "#test", data: function () { return { lists: [ { img : 'img1' }, { img : 'img2' }, { img : 'img3' }, { img : 'img4' } ] } },})后來我將html中的代碼改成如下
<div id="test"> <div v-for="item in lists"> <img v-bind:src="item.img"> </div></div>
使用v-bind標簽后，就可以正常使用了
以上這篇Vue用v-for給src屬性賦值的方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持武林網。
新聞熱點
疑難解答
