知识点1:wx:for
- 通过wx:for 可以根据指定的数组,渲染重复的组件结构。默认当前循环的索引用index;当前循环项目用item表示。
<!--wx:for-- nameList:["小明","小张","小红"] >
<view wx:for="{{ nameList }}">
索引是:{{index}} , item内容是:{{item}}
</view>
知识点2:wx:for-index和wx:for-item
- wx:for-index 指定当前索引的变量名。
- wx:for-item 指定当前项的变量名。
<!--wx:for-index wx:for-item-->
<view wx:for="{{ nameList }}" wx:for-index="indexNum" wx:for-item="itemContent">
索引是:{{indexNum}} , item内容是:{{itemContent}}
</view>
知识点3:wx:key
- 小程序在渲染列表时,官方建议为渲染出来的列表指定唯一的key值,从而提高渲染效率。
<!--wx:key-->
<view wx:for="{{userInfo}}" wx:key="id">
{{item.name}}
</view>