}
})
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}}
最低0.47元/天 解锁文章
3138
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
