WXML 中
<view class="authorization_box"> <view class="list" wx:for="{{datalist}}"> <view class="name">{{item.name}}</view> </view> <block wx:if="{{dataILu}}"> <view class="loadMore">正在加载中...</view> </block> <block wx:else> <view class="loadMore">没有更多数据了</view> </block> </view>
JS 中
data: { datalist:[],//数据列表 dataILu : true,//是否还有更多数据 pageIndex:0, pageSize:10 },
onLoad: function (options) { this.getdata()//获取数据 },
getdata(){ //如果没有更多数据了就退出 if ( ! this.data.dataILu ) return this.data.pageIndex++ //获取数据的接口 api.get(`/api/user-auth-view-history/du-record?pageInfo.pageIndex=${this.data.pageIndex}&pageInfo.pageSize=${this.data.pageSize}`).then(res=>{ console.log(res) if(res.code==200){ const newList = [...this.data.datalist,...res.content.list] const total = res.content.count this.setData({ datalist:newList, dataILu : newList.length < total }) } }) },
//页面上拉触底事件的处理函数 onReachBottom: function () { this.getdata()//获取数据 },
请发表评论