問題：

使用element的el-pagination分頁組件，最后一頁的數據刪除后頁碼會顯示成上一頁（正確的），但是列表顯示無數據（其實是有），如圖：

把15頁的兩條數據刪掉

頁碼變為14，但是列表為空

解決：數據減少后對頁碼進行重置

代碼：（以下是刪除操作）

API.batchImportAPI(url, params).then(response => {const res = response.data.dataif (response.data.flag === 'success') {this.$successMsg('操作成功')// 數據刪除后重置當前頁碼// selectData為刪除的數據數組// 計算操作后的總頁數const totalPage = Math.ceil((this.total - selectData.length) / this.pageSize)// 原本點擊的頁碼是否超出了操作后的總頁數，若超出設當前點擊的頁碼為最后一頁，若沒超 頁碼不變const currentPage = this.currentPage > totalPage ? totalPage : this.currentPage// 設置的當前頁碼是否小于1，若小于則設當前頁碼為1，若不小于1 則采用計算的頁碼this.currentPage = currentPage < 1 ? 1 : currentPagethis.getTableData() // 重新獲取列表} else {this.$errorMsg(res)}}).catch(error => { this.$errorMsg('' + error) })

結果：?

?

成功顯示前一頁數據

?

總結

以上是生活随笔為你收集整理的解决element el-pagination分页最后一页数据清空了页码显示正确，但是列表为空的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。