1、wx:for是<block>标签中常用的一个属性,用于对一个数组进行循环渲染。在 wx:for中,可以使用 wx:for-item
属性来定义每次循环的变量名,这个变量名通常用于表示当前遍历的元素值。这个变量名就是所谓的 item。
<block wx:for="{{list}}" wx:for-item="item" wx:key="index">
<view>
{{index}}:{{item}}
</view>
</block>
wx:for="{{list}}"代表对list数组进行循环渲染,wx:for-item="item"中item,js代码如下
Page({
/**
* 页面的初始数据
*/
data: {
list:'1234'
},
})
2、wx:if 是一个控制属性,需要将它添加到一个标签上。如果要一次性判断多个组件标签,可以使用一个 <block/> 标签将多个组件包装起来,并在上边使用 wx:if 控制属性。
<view wx:if="{{condition}}">
Content to render when condition is true
</view>
Page({
/**
* 页面的初始数据
*/
data: {
condition:false,
},
})
结果为
当js代码为
Page({
/**
* 页面的初始数据
*/
data: {
condition:true,
},})
结果为: