微信小程序 教程之数据绑定
发布时间：2020-12-14 22:15:04 所属栏目：资源 来源：网络整理
导读：系列文章： 数据绑定 WXML中的动态数据均来自对应Page的data。 简单绑定 数据绑定使用"Mustache"语法（双大括号）将变量包起来，可以作用于： 内容 {{ message }} 组件属性(需要在双引号之内) 控制属性(需要在双引号之内) 运算 可以在{{}}内进行简单的运算，
|
系列文章：
数据绑定WXML中的动态数据均来自对应Page的data。 简单绑定数据绑定使用"Mustache"语法（双大括号）将变量包起来，可以作用于： 内容组件属性(需要在双引号之内)控制属性(需要在双引号之内)运算可以在{{}}内进行简单的运算，支持的有如下几种方式： 三元运算算数运算view中的内容为3 + 3 + d 逻辑判断字符串运算组合也可以在Mustache内直接进行组合，构成新的对象或者数组 数组最终组合成数组[0,4] 对象
Page({
data: {
a: 1,b: 2
}
})
最终组合成的对象是{for: 1,bar: 2} 也可以用扩展运算符...来将一个对象展开
Page({
data: {
obj1: {
a: 1,b: 2
},obj2: {
c: 3,d: 4
}
}
})
最终组合成的对象是{a: 1,c: 3,d: 4,e: 5} 如果对象的key和value相同，也可以间接地表达
注意：上述方式可以随意组合，但是如有存在变量名相同的情况，后边的会覆盖前面，如
最终组合成的对象是{a: 5,b: 3,c: 6} 感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！ （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |