elementUI 分頁bug解決


  在使用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);
 
 //這行代碼來實現
 
        

 

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM