vue iview 前端表格分页

 

 

 

 

        // 获取Table数据
        handleListTable() {
            // 保存取到的所有数据
            // 初始化显示，小于每页显示条数，全显，大于每页显示条数，取前每页条数显示
            if (this.tableDataAll.length < this.pageSize) {
                this.tableData = this.tableDataAll;
            } else {
                this.tableData = this.tableDataAll.slice(0, this.pageSize);
            }
        },

        changePage(index) {
            // 当前页码
            this.pageNum = index;
            let _start = (index - 1) * this.pageSize;
            let _end = index * this.pageSize;
            this.tableData = this.tableDataAll.slice(_start, _end);
        },
        pagesSize(index) {
            let _start = (this.pageNum - 1) * index;
            let _end = this.pageNum * index;
            this.tableData = this.tableDataAll.slice(_start, _end);
            // 当前展示条数