分页功能记录

 代码块:

html：

<view v-else :class="showNotice == true ? 'tabBox-content-2' : 'notice_sc_2'">
			<view class="guarantee-list-box">
				<!-- 已处理有数据 -->
				<view class="guarantee-list" v-for="(item,index) in allGuaranteeList" :key="index" v-if="allGuaranteeList.length>0">
					<view class="guarantee-list-content">保单号：{{item.policyNo}}</view>
					<view class="guarantee-list-content">投保人姓名：{{item.tbrname}}</view>
					<view class="guarantee-list-content">产品名称：{{item.productName}}</view>
					<view class="guarantee-list-content">总保费：{{item.amount}}</view>
					<view class="guarantee-list-content">签单日期：{{item.acceptDate}}</view>
					<view class="guarantee-list-bottom">
						<view class="guarantee-huiZhi" @click="checkDetail(item.orderNo)">查看详情</view>
					</view>
				</view>
				<!-- 无数据 -->
				<view v-if="allGuaranteeList.length<1">
					<noData></noData>
				</view>
				<view class="lastPageTips" v-if="lastPageTips && (allGuaranteeList.length>0)">到底啦~</view>
			</view>
		</view>

js：

export default{
       data(){
          return{
            allGuaranteeList:[],
            //每页展示条数
            pageSize:"3",
            //当前页面页码
            pageNum:"1",
            //最后一页提示显示
            lastPageTips:false,
            //总页码是1时的效果
          }
       },
       methods:{
          //已处理保单数据列表加载和分页处理
          async processed(){
             showloading.showLoading.showHideloading("show");
             let params = {
                 //count指的是每页展示的条数
                 count: this.pageSize,
                 //page指的是当前页码
                 page: this.pageNum,
             }
             //当前页面请求的接口数据
             let res = await this.$request(this.$apiurl.RESOLDRECEIPTRESOLVED,"POST",params,"1","1");
             showloading.showLoading.showHideloading("hide");
             if(res && (res.code == "0000")){
                let pageDatas = res.data;
                let currentPageNum = pageDatas.current;
                if(pageDatas.pages == "1"){
                    let guaranteeDatas = pageDatas.records;
                    guaranteeDatas.forEach((items,index) => {
                       this.allGuaranteeList.push(items)
                    });
                    this.lastPageTips = true;
                    this.totalPageScroll = false;
                }else{
                    this.totalPageScroll = true;
                    if (currentPageNum <= res.data.pages) {
							let guaranteeDatas = pageDatas.records;
							guaranteeDatas.forEach((items, index) => {
								this.allGuaranteeList.push(items)
							});
							this.pageNum = parseInt(currentPageNum) + 1;
							this.pageSize = pageDatas.size;
							this.lastPageTips = false;
					} else {
							this.lastPageTips = true;
					}
                }
             }
          },
          //对已处理保单数据进行分页时，触底加载
          onReachBottom() {
				if (this.totalPageScroll) {
					this.processed();
				}
	      }
       }
}