Elementui刪除表格最後一頁全部資料後跳到前一頁的騷氣寫法
阿新 • • 發佈:2020-12-10
造成這個原因是由於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;
})
}
}