1. 程式人生 > 其它 >Elementui刪除表格最後一頁全部資料後跳到前一頁的騷氣寫法

Elementui刪除表格最後一頁全部資料後跳到前一頁的騷氣寫法

技術標籤:Elementui前端elementuivue

造成這個原因是由於currentPage沒有更新的原因,當最後一頁的資料刪除後,請求的current沒有改變。
不要慌我的這種寫法想跳哪一頁就跳哪一頁

這是分頁引數
在這裡插入圖片描述
這是表格資料
在這裡插入圖片描述
我們可以給個變數flag,每次請求時把返回tableData長度給flag

當單個刪除操作時判斷flag等於1,給currentPage減1

當多個刪除操作時就判斷刪除的數量長度(比如ids.length,rows.leng)是否等於flag,再給currentPage減1

看程式碼

data() {
      return {
      	ids[
], tableData:[], flag: 0, pageQuery: { currentPage: undefined, pageSize: undefined, queryString: undefined } }; }, methods: { deleteData() { axios.delete("/api/deleteOne").then(res => { //當flag===1時當前currentPage - 1
if (this.flag === 1) { this.pageQuery.currentPage--; } }).finally(() => { //再次分頁查詢就跳轉到上一頁了。 this.selectPage(); }) }, removeDataIds(){ this.$api.delete("/api/remove", {data: ids}).then(res => { if
(this.currentPageFlag === ids.length) { this.pageQuery.currentPage--; } this.selectPage(); } }, selectPage() { axios.get("/api/list", {params: this.pageQuery}).then(res => { this.tableData= res.data; //後面flag=== 1時,對currentPage進行-1。 this.flag = this.tableData.length; }) } }