在使用elementui的分頁組件時,我發現當對表格數據進行刪除時,而且是刪除到該頁最后一條數據時,當前頁面currentPage並不能自動減1,也就是說,當前頁currentPage只有你點擊頁碼時才會發生改變,這就會使你自定義的序號錯亂。但是我們可以使用watch監聽頁面數據總條數totalNum,來完美解決這個問題(或者每次刪除后,定位到第一頁,也就是讓currentPage = 1,不建議使用)
代碼
// totalNum 數據總條數
// currentPage 當前頁
// pageSize 每頁顯示的數據條數
watch: { totalNum(){ //注意這個函數的名字必須和你監聽data中的屬性的名字一樣,這樣才能當你data中的屬性發生變化時,觸發這個函數 if(this.totalNum==(this.currentPage-1)*this.pageSize&& this.totalNum!=0){ //這一行是關鍵代碼,倍數關系 this.currentPage -= 1 this.geiList()//獲取表格數據的方法 } } },
//額外說一點,數據的每個序號,一般用
item.number = this.pageSize * (this.currentPage - 1) + (index + 1);
//這行代碼來實現