一、首先,固定一个包含列表数据的view高度,让它里面列表的数据溢出可以滚动:
<scroll-view scroll-y lower-threshold="100" bindscrolltolower="scrollToLower" style="height: 100vh;">
<view wx:for="{
{listData}}" wx:key="{
{index}}" style="height: 40px;line-height: 40px;border-bottom: 1px solid #f4f4f4;">
Item{
{item}}
</view>
</scroll-view>
二、那么列表的数据请求就会分成两种情况:一种是初始化页面加载的第一页的数据;一种是滚动到底部请求的下一页的数据。所以我们在请求时要分成两种情况,若是第一页,isPage=false
,下一页的数据isPage=true
:
//请求数据
getData(isPage) {
console.log("需要拼接数据:", Network.pageData);
let params = {
pageNum: this.data.pageNo,
pageSize: 30
}
//请求
Network.pageData(params,(res,err)=>{
if (isPage) {
//