mpvue 踩坑之src数据绑定出错

Posted 2021-01-02 webzhoushifa

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

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=" ‘files/‘+value.src ">

<img :src="value.src">