手机扫码查看
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>
- 本页地址 https://www.9713job.com/?p=3233
- 上一篇 <<微信小程序示例：条件渲染
- 下一篇 >>微信小程序之WXSS模板样式
发表评论