坑位:
1.scroll-view 高度 100%
<scroll-view scroll-y="true" bindscrolltolower="getMoreData" style="height:100%;">
<view class="listStyle" wx:for="{{list}}" wx:key="key">
<text>{{item.displayDate}}</text>
<text class="status_{{item.status}}">{{statusList[item.status]}}</text>
</view>
<button loading="{{moreData}}" disabled="true" class="data-state-button">{{moreData?'正在加载中...':'已经加载全部数据了哦'}}</button>
</scroll-view>
data: {
list:[],
moreData: true, //有无更多数据
}
// 获取相关列表
getSignUpList(){
this.data.requestData.page++;
wx.axios.get(config.appointmentListTwo, {
...this.data.requestData,
met:'',
lawyerId: wx.getStorageSync('userInfo').id
}).then(res => {
if (res.data.code === 0) {
let newData = res.data.page.list
this.setData({
list: [...this.data.list, ...newData]
})
if (this.data.list.length === res.data.page.totalCount) {
this.setData({
moreData: false
})
} else {
this.setData({
moreData: true
})
}
} else {
wx.showToast({
title: res.data.msg,
icon: "none"
})
}
})
},
// scrollView滚动到底部
getMoreData() {
console.log('底部')
if (this.data.moreData) {
this.getSignUpList();
}
},
希望能帮助到大家,同时祝愿大家在开发旅途中愉快!!!