![](https://i-blog.csdnimg.cn/blog_migrate/c352ce587952eefef1de75e49439f42d.gif)
wxml
<view class="tui-content">
<view class="tui-menu-list" wx:for="{{dataList}}" wx:key="{{index}}">Item -- {{item}}</view>
</view>
js
Page({
data: {
dataList: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20],
count: 0
},
onPullDownRefresh() {
wx.showNavigationBarLoading() //在标题栏中显示加载
var array = this.data.dataList;
var self = this;
setTimeout(() => {
// 模拟请求数据,并渲染
var arr = self.data.dataList, max = Math.max(...arr);
for (var i = max + 1; i <= max + 3; i++) {
// arr.unshift(i);//在开头添加新的元素
arr.push(i);//在末尾添加元素
}
self.setData({ dataList: arr });
// 数据成功后,停止下拉刷新
wx.stopPullDownRefresh();
}, 1000);
},
onReachBottom() {
var arr = this.data.dataList, max = Math.max(...arr);
if (this.data.count < 3) {
for (var i = max + 1; i <= max + 5; ++i) {
arr.push(i);
}
this.setData({
dataList: arr,
count: ++this.data.count
});
} else {
wx.showToast({
title: '没有更多数据了!',
image: '../../src/images/noData.png',
})
}
},
})