企业🤖AI智能体构建引擎,智能编排和调试,一键部署,支持知识库和私有化部署方案 广告
## `wx:for`数组中各项的数据重复渲染该组件 > 默认数组的当前项的下标变量名默认为`index`,数组当前项的变量名默认为`item` ``` <view wx:for="{{array}}"> {{index}}{{item.name}} </view> Page({ data: { array: [{ name: 'chengchao', }, { name: 'jiangwei' }] } }) ``` ## `wx:for-item`&`wx:for-index` > 使用`wx:for-item`可以自定义数组当前元素的变量名 > 使用`wx:for-index`可以自定义数组当前下标的变量名 ``` <view wx:for="{{array}}" wx:for-item="myItem" wx:for-index="ind"> {{ind}}{{myItem.name}} </view> ``` ## `block` `wx:for`渲染一个包含多节点的结构块 ``` <block wx:for="{{[1, 2, 3]}}"> <view> {{index}}: </view> <view> {{item}} </view> </block> ``` ``` //希望数据动态更新,给每一个节点,添加唯一的标识符加上wx:key <view wx:for="{{array}}" wx:for-item="item" wx:key="index"> {{index}}{{item.name}} </view> ```