🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
1. `wx:for ` 数组中各项的数据重复渲染该组件 默认数组的当前项的下标名默认为index,数组当前项的变量名默认为item ``` <view wx:for="{{array}}"> {{index}}{{item.name}} </view> ``` ``` Page({ data: { array: [{ name: 'chengchao', }, { name: 'jiangwei' }] } }) ``` 2. `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> ``` 3. `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> ```