src实现数据绑定稍不留神就不成功。假定value.src是绑定的数据。
常见错误写法1:
<img src="value.src">
- 1
错误之处在于:
1.属性值数据绑定应该用v-bind,应该写成v-bind:src=""
2.直接用引号"value.src"
会报错,取不到值。
常见错误写法2:
<img src="{{value.src}}">
- 1
常见错误写法3:
<img src="{value.src}">
- 1
以上均会报错。个人亲测的2种正确写法:
<img :src=" 'files/'+value.src ">
- 1
<img :src="value.src">