在vue2.0中,src实现数据绑定稍不留神就不成功。假定value.src是绑定的数据。
常见错误写法1:
<img src="value.src" />
错误之处在于:
1.属性值数据绑定应该用v-bind,应该写成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 "/>