Javascript、Vue——js表格前端做分页

最新推荐文章于 2024-08-15 08:55:57 发布

studystudy。。

最新推荐文章于 2024-08-15 08:55:57 发布

阅读量477

点赞数 7

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/weixin_43551242/article/details/135365266

版权

封装方法

getTableList(){
   //调接口....
   this.tableData = res.data;
   this.getPaging()

}
getPaging () {
      let pageNum = this.pageNum; // 页码
      const pageSize = this.pageSize; // 一页显示多少个数据
      let arry = [];
      if ((pageNum - 1) * pageSize == this.tableData.length) {
        pageNum--;
      }
      if (pageNum > 1 && arry.length == 0) {
        arry = this.tableData.slice((pageNum - 1) * pageSize, pageNum * pageSize);
      } else {
        arry = this.tableData.slice(0, pageNum * pageSize);
      }
      this.tableData = arry;
    },