問題描述:使用的是Element分頁組件,當刪除最後一頁的最後一條數據後,currentPage顯示正確,數據卻沒顯示。截圖展示一下問題。
排查原因:查看刪除數據後發送的請求。納尼?刪除數據後請求當前頁數據的參數竟然是刪除數據前的最後一頁,即第6頁。
修改思路:在刪除數據後,重新發起請求數據列表前,判斷當前數據是否是最後一頁的唯一一條數據。如果是的話修改當前頁數,即pagenum-1,然後再向服務器發送請求。
// 判斷當前頁是否是最後一頁
isLastPage () {
// 根據總的數據條數total和一頁顯示的數據條數,得到總頁數
let lastPage = Math.ceil(this.totalData / this.queryInfo.pagesize)
// 判斷當前頁是否是最後一頁
if (this.queryInfo.pagenum === lastPage) {
this.queryInfo.pagenum--
}
}
至此,完結撒花!!!