前端自己分页

爱心觉罗晓宇

于 2023-08-21 10:08:13 发布

阅读量73

点赞数

文章标签：前端

本文链接：https://blog.youkuaiyun.com/qq_44716001/article/details/132402628

版权

    // 前端自己分页  tableData是表格所有数据  用dataSource渲染数据
    searchPerTable() {
        if (this.tableData.length > 0) {
          let pageNo = this.queryListParams.pageNo; // 默认1
          let pageSize = this.queryListParams.pageSize; // 默认10
          let start = (pageNo - 1) * pageSize;
          let end = pageNo * pageSize;
          this.dataSource = this.tableData.slice(start, end);
          this.total = this.tableData.length;
        } else {
          this.dataSource = [];
          this.total = 0;
        }
      },