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,
  },})

结果为:

Logo

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

更多推荐