你好呀,上周的时候,主要聊了聊“数据绑定”是什么,这次咱们来聊一聊WXML的一个小知识点“列表渲染”。
所谓的列表渲染,简单来说就是将数组用一种简洁的方式展现在前端。因此可以说它是一种前端数据的组织形式,用以展示数组中的数据。
那它怎么使用呢?首先要在JS中获得一个JSON格式的数组,然后通过这个数组的index来获取里面的具体数据。
<!-- a.js -->
Page({
data:{
persons: [
{name: "唐玄奘" },
{name: "孙悟空" },
{name: "猪八戒" },
{name: "沙悟净" },
{name: "白龙马" }
]
}
})
<!-- a.wxml -->
<view>
<block wx:for="{{persons}}" wx:for-item="person" wx:key="index">
<view>{{index}}:{{item.name}}</view>
</block>
<view>
<!-- 页面效果 -->
0:唐玄奘
1:孙悟空
2:猪八戒
3:沙悟净
4:白龙马
这里是怀英的小茶馆,有空来坐坐。