wx:for-item wx:for-index wx:for-key

前端小凯

已于 2023-11-10 11:12:22 修改

阅读量507

点赞数 1

文章标签： javascript 前端小程序

于 2023-11-10 11:10:52 首次发布

本文链接：https://blog.csdn.net/qq_43235503/article/details/134328343

版权

wx:for-item , 数组当前项的变量名,默认为 item
作用：使用（当前项变量名.属性名）取得属性值每一项

<view wx:for="{{array}}">
      <view>{{item.name + item.age }}</view>
</view>

等同于（需要注意的是 item 不使用{{}} 括起）

<view wx:for="{{array}}" wx:for-item="item">
      <view>{{item.name + item.age }}</view>
</view>

赋值（可随意命名）

<view wx:for="{{array}}" wx:for-item="info">
      <view>{{info.name + info.age }}</view>
</view>

wx:for-index, 数组的当前项的下标变量名 , 默认为 index
作用：使用（当前项变量名.属性名）取得属性值每一项下标

<view wx:for="{{array}}">
      <view>{{item.name + item.age }}</view>
</view>

等同于（需要注意的是 index 不使用{{}} 括起）

<view wx:for="{{array}}" wx:for-index="index">
      <view>{{item.name + item.age }}</view>
</view>

赋值（可随意命名）

<view wx:for="{{array}}" wx:for-index="key">
      <view>{{key}}</view>
</view>
// 界面输出
// 0
// 1

wx:for-key和wx:key一样,可以绑定自定义的变量；

<view wx:for="{{array}}" wx:key="index">
      <view>{{item.name + item.age }}</view>
</view>

等同于（需要注意的是 key 不使用{{}} 括起）

<view wx:for="{{array}}" wx:for-key="index">
      <view>{{item.name + item.age }}</view>
</view>

关注