所属分类:php教程
1、简单用法:
123456789101112131415161718192021 Page({
data: {
message:
'张三'
}
})
/**
* 生命周期函数--监听页面加载
*/
onLoad:
function
(options) {
var
content1={
date:
"2020年 10月 8日 "
,
title:
"时间群"
,
nameData:{
name1:
"张三李四"
,
name2:
"人五人六"
,
},
fade:
true
/
false
}
this
.setData(content);
},
登录后复制
2.数据绑定使用 Mustache 语法(双大括号)将变量包起来获取:
12345 <view> {{ date}} </view>
<view> {{ title}} </view>
<view> {{ nameData.name1}} </view>
<view> {{ nameData.name2}} </view>
//层级用点取值
<img wx:
if
=
"{{fade}}"
class=
"image"
src=
""
>
//隐藏/显示
登录后复制
3、可以在 {{}} 内进行简单的运算:
12 三元运算符
<view hidden=
"{{flag ? true : false}}"
> Hidden </view>
登录后复制
4、计算:
1 <view> {{a + b}} + {{c}} + d </view>
登录后复制
12345678 Page({
data: {
a: 1,
b: 2,
c: 3
}
})
输出结果:3 + 3 + d
登录后复制
5、逻辑判断:
1 <view wx:
if
=
"{{length > 5}}"
> </view>
登录后复制
6.也可以在 Mustache 内直接进行组合,构成新的对象或者数组:
1 <view wx:
for
=
"{{[zero, 1, 2, 3, 4]}}"
> {{item}} </view>
登录后复制
123456 Page({
data: {
zero: 0
}
})
输出结果:组合成数组[0, 1, 2, 3, 4]。
登录后复制
7、对象:
1 <template is=
"objectCombine"
data=
"{{for: a, bar: b}}"
></template>
登录后复制
1234567 Page({
data: {
a: 1,
b: 2
}
})
最终组合成的对象是 {
for
: 1, bar: 2}
登录后复制
相关推荐:
jquery form表单获取内容以及绑定数据_javascript技巧
实例剖析AngularJS框架中数据的双向绑定运用_AngularJS
以上就是微信小程序中数据绑定以及简单的逻辑运算的实现代码的详细内容,更多请关注zzsucai.com其它相关文章!