mpvue 踩坑之src数据绑定出错

原文连接:https://blog.csdn.net/weixin_38984353/article/details/80847288.net

src实现数据绑定稍不留神就不成功。假定value.src是绑定的数据。 code

常见错误写法1:blog

<img src="value.src">

错误之处在于: class

1.属性值数据绑定应该用v-bind,应该写成v-bind:src="" file

2.直接用引号"value.src"会报错,取不到值。im

常见错误写法2:数据

<img src="{{value.src}}">

常见错误写法3:img

<img src="{value.src}">

以上均会报错。di

我的亲测的2种正确写法:bind

<img :src=" 'files/'+value.src ">
<img :src="value.src">
相关文章
相关标签/搜索