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

封装方法

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;
    },

你可能感兴趣的:(javascript,前端,vue.js)