手机扫码查看
1.wx:for
通过 wx:for 可以根据指定的数组,循环渲染重复的组件结构,语法如下:
<view wx:for=”{{array}}”>
索引是:{{index}} 当前项是:{{item}}
</view>
js里data:
array:[‘第一个’,’第二个’,’第三个’]
2.wx:key
类似于 Vue 列表渲染中的 :key ,小程序在实现列表渲染时,也建议为渲染出来的列表项指定唯一的 key 值,从而提高渲染的效率,示例代码:
arrays:[
{id:1,name:’aaa’},
{id:2,name:’bbb’},
{id:3,name:’ccc’},
]
<view wx:for=”{{arrays}}” wx:key=”id”>{{item.name}}</view>
- 本页地址 http://www.evshou.com/?p=3233
- 上一篇 <<微信小程序示例:条件渲染
- 下一篇 >>微信小程序之WXSS模板样式


发表评论