vue 实现列表分页功能

最新推荐文章于 2023-06-15 09:49:39 发布

杨杨得亿~

最新推荐文章于 2023-06-15 09:49:39 发布

阅读量418

点赞数

文章标签： vue.js javascript ecmascript

本文链接：https://blog.csdn.net/ys_dd/article/details/127770591

版权

   //获取企业列表
    async getQiyeList(data){
      return companyParkSele(data).then(res=>{
        this.qiyeList=res.result.res
        this.total=res.result?res.result.res.length:0
        if(this.total<=this.pageSize){
          this.qiyeShowList=this.qiyeList
        }else{
          this.qiyeShowList=this.qiyeList.slice(0,this.pageSize)
        }
      })
    },
   //点击页数
    onChange (pageNumber) {
      this.qiyeShowList=[]
      if(this.total<pageNumber*this.pageSize){
        this.qiyeShowList=this.qiyeList.slice(this.pageSize*(pageNumber-1))
      }else{
        this.qiyeShowList=this.qiyeList.slice(this.pageSize*(pageNumber-1),this.pageSize*pageNumber)
      }
    },