好资源导航 » 文章资讯 » 微信小程序数据绑定及运算的简单实例

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

2023-09-24 09:35:06 58

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

简单用法：

Page({
data:{
message:'张三'
}
})

/**
*生命周期函数--监听页面加载
*/
onLoad:function(options){
varcontent1={
date:"2020年10月8日",
title："时间群",
nameData:{
name1:"张三李四",
name2:"人五人六"，
},
fade：true/false
}
this.setData(content);
},

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

{{date}}
{{title}}
{{nameData.name1}}
{{nameData.name2}}//层级用点取值
//隐藏/显示

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

三元运算符

Hidden

计算

Page({
data:{
a:1,
b:2,
c:3
}
})

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

输出结果：3+3+d。

逻辑判断

5}}">

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

Page({
data:{
zero:0
}
})

{{item}}

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

对象

Page({
data:{
a:1,
b:2
}
})

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

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

返回顶部
514930285
czq8825@qq.com

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

热门推荐

随机推荐

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