微信小程序 数据绑定及运算的简单实例

微信小程序 数据绑定及运算的简单实例

微信小程序 数据绑定的简单实例

简单用法：

Page({

data: {

message: '张三'

}

})

/**

* 生命周期函数--监听页面加载

*/

onLoad: function (options) {

var content1={

date: "2020年 10月 8日 ",

title："时间群" ,

nameData:{

name1:"张三李四",

name2:"人五人六"，

},

fade：true/false

}

this.setData(content);

},

数据绑定使用 MustGCiRliSache 语法（双大括号）将变量包起来获取

{{ date}}

{{ title}}

{{ nameData.name1}}

{{ nameData.name2}} //层级用点取值

//隐藏/显示

可以在 {{}} 内进行简单的运算

三元运算符

计算

Page({

data: {

a: 1,

b: 2,

c: 3

}

})

{{a + b}} + {{c}} + d

输出结果：3 + 3 + d。

逻辑判断

也可以在 Mustache 内直接进行组合，构成新的对象或者数组。

Page({

data: {

zero: 0

}

})

{{item}}

输出结果：组合成数组[0, 1, 2, 3, 4]。

对象

Page({

data: {

a: 1,

b: 2

}

})

最终组合成的对象是 {for: 1, bar: 2}

如有疑问请留言或者到本站社区交流讨论，感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。