我的代碼結(jié)構(gòu)如下面代碼所示，無法執(zhí)行，在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標(biāo)簽后，就可以正常使用了

以上這篇Vue用v-for給src屬性賦值的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持錯新站長站。