解決:使用Element分頁組件刪除最後一頁的最後一條數據後,currentPage顯示正確,數據沒顯示的問題

問題描述:使用的是Element分頁組件,當刪除最後一頁的最後一條數據後,currentPage顯示正確,數據卻沒顯示。截圖展示一下問題。

排查原因:查看刪除數據後發送的請求。納尼?刪除數據後請求當前頁數據的參數竟然是刪除數據前的最後一頁,即第6頁。

修改思路:在刪除數據後,重新發起請求數據列表前,判斷當前數據是否是最後一頁的唯一一條數據。如果是的話修改當前頁數,即pagenum-1,然後再向服務器發送請求。

// 判斷當前頁是否是最後一頁
isLastPage () {
  // 根據總的數據條數total和一頁顯示的數據條數,得到總頁數
  let lastPage = Math.ceil(this.totalData / this.queryInfo.pagesize)
  // 判斷當前頁是否是最後一頁
  if (this.queryInfo.pagenum === lastPage) {
     this.queryInfo.pagenum--
  }
}

至此,完結撒花!!!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章