问题是花括号{{}}
语法无法绑定html属性中的数据。
1 |
|
为了绑定HTML属性中的数据,Vuejs为我们提供了一个指令v-bind:atrributename
。
1 |
|
这里v-bind
指令将元素的src
属性绑定到表达式image
的值。
如果我们使用v-bind
指令,我们可以评估引号内的JavaScript表达式v-bind:src="js expression"
。
v-bind:attributename
还可以编写简写语法:attributename
。
1 2 3 4 5 |
|
同样,我们可以将此语法与其他HTML属性一起使用。
1 2 3 4 5 |
|
本篇文章就是关于在Vuejs中绑定HTML属性的方法介绍,希望对需要的朋友有所帮助!
以上就是如何在Vuejs中绑定HTML属性?的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
更多相关阅读请进入《Vuejs》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者