系列文章:
数据绑定
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} 感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!