問題：

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

把15頁的兩條數(shù)據(jù)刪掉

頁碼變?yōu)?4，但是列表為空

解決：數(shù)據(jù)減少后對頁碼進行重置

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

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

結(jié)果：?

?

成功顯示前一頁數(shù)據(jù)

?

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。