}
})
view中的内容为 3 + 3 + d
- 逻辑判断
- 字符串运算
{ {“hello” + name}}
Page({
data: {
name: ‘MINA’
}
})
1.1.5、修改数据
this.setData
Page({
/**
- 页面的初始数据
*/
data: {
msg: ‘大林’
},
/**
- 生命周期函数–监听页面加载
*/
onLoad: function (options) {
console.log(this); // this代表当前页面的实例对象
console.log(this.data.msg); // 大林
// 修改 msg 的状态数据,语法 this.setData
this.setData({
msg: ‘修改之后的大林’
})
},
}
onLoad: function (options) {
console.log(this); // this代表当前页面的实例对象
console.log(this.data.msg); // 大林
// 修改 msg 的状态数据,语法 this.setData
setTimeout(()=>{
this.setData({
msg: ‘修改之后的大林’
})
},2000)
},
如果我们使用定时器延时 2s 然后进行修改,那么 2s 后依然会修改数据
1.2.1、wx:if
- 使用
wx:if=""
来判断是否需要渲染该代码块:
大林1
大林2
--------------
大林3
大林4
也可以用 wx:elif
和 wx:else
来添加一个 else 块:
周一
周二
周三
周四
周五
周六
错误
1.2.3、block wx:if
-
因为
wx:if
是一个控制属性,需要将它添加到一个标签上。 -
如果要一次性判断多个组件标签,可以使用一个
<block/>
标签将多个组件包装起来,并在上边使用wx:if
控制属性。
view1
view2
view3
注意: <block/>
并不是一个组件,它仅仅是一个包装元素,不会在页面中做任何渲染,只接受控制属性。
1.3.1、wx:for
-
在组件上使用
wx:for
控制属性绑定一个数组,即可使用数组中各项的数据重复渲染该组件。 -
默认数组的当前项的下标变量名默认为
index
,数组当前项的变量名默认为item
{ {index}}|{ {item}}
Page:({
data: {
listArr:[“java”,“Go”,“web”,“python”,“C++”]
}
})
-
使用
wx:for-index
可以指定当前元素的变量名 -
使用
wx:for-item
可以指定当前元素的变量名
{ {i}}|{ {item}}