1.使用插值表达式渲染数据时发生错误

发生错误的代码

<image src="{{image}}"></image>

错误信息

Module Error (from./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js):
(Emitted value instead of an instance of Error) 
Errors compiling template:
src="{{image}}": Interpolation inside attributes has been removed. Use v-bind or the colon shorthand instead. For example, instead of <div id="{{ val }}">, use <div :id="val">.

2.错误原因

由于 Vue 2.x 不支持对属性使用插值{{}}的方式赋值,所以要使用 v-bind 来绑定属性

3.解决方法(二选一即可)

<image v-bind:src="image"></image>
<image :src="image"></image>
最后修改:2020 年 12 月 18 日 09 : 46 PM