学习笔记——wxml中wx-for、wx-if的用法
wx:for="{{list}}"代表对list数组进行循环渲染,wx:for-item="item"中item,js代码如下。属性来定义每次循环的变量名,这个变量名通常用于表示当前遍历的元素值。这个变量名就是所谓的 item。1、wx:for是<block>标签中常用的一个属性,用于对一个数组进行循环渲染。
·
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,
},})
结果为:

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐


所有评论(0)