vue 模板变量 src href

作者：admin 发布于：2018-2-8 21:22 Thursday

另外参见：https://www.cnblogs.com/lliuhh/p/7691604.html

在vue2.0中，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">