在vue2.0中,src實(shí)現(xiàn)數(shù)據(jù)綁定稍不留神就不成功。假定value.src是綁定的數(shù)據(jù)。?
常見錯誤寫法1:
<img src="value.src" />
錯誤之處在于:?
1.屬性值數(shù)據(jù)綁定應(yīng)該用v-bind,應(yīng)該寫成v-bind:src=""?
2.直接用引號"value.src"會報錯,取不到值。
常見錯誤寫法2:
<img src="{{value.src}}"/>
常見錯誤寫法3:
<img src="{value.src}"/>
以上均會報錯。個人親測的2種正確寫法:
<img :src=" value.src "/>
<img :src=" ?'files/' +value.src "/>