需求 : 每20条数据为一个数组, 后面不知道有多少个数组要传递, 需要将数据以列表的方式展示;
我把第一次来的几十条数据放入缓存( 可以用下拉刷新的方式向服务器重新索要最新数据 ), 以20条为一页的方式展示在首页, 如果需要看更多的数据, 可以下滑, 在往下滑动的过程中会触发触底事件, 当触底后向客户端展示剩余( 以20条为一页 )的数据, 将数据以 模板( {{ item }} ) 的方式展示在页面.
这里我用了es6的扩展运算符(...), 用于取出第一个数组后的数组中的中的所有可遍历属性,拷贝到第一个数组中
这里是模板:
<view wx:for="{{Arr}}"
wx:key="*this">
{{item}}
</view>
其实也可以用.concat方法或其它方法:
我这也只是扩展运算符的最基本的使用, 扩展运算符还有其它高级的使用方式, 这里就不详聊了.