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);
            // 當前展示條數