elementUI 分頁bug解決

2022-07-21 06:12:12 字數 460 閱讀 3460

在使用elementui的分頁元件時,我發現當對**資料進行刪除時,而且是刪除到該頁最後一條資料時,當前頁面currentpage並不能自動減1,也就是說,當前頁currentpage只有你點選頁碼時才會發生改變,這就會使你自定義的序號錯亂。但是我們可以使用watch監聽頁面資料總條數totalnum,來完美解決這個問題(或者每次刪除後,定位到第一頁,也就是讓currentpage = 1,不建議使用)

**

// totalnum 資料總條數   

// currentpage 當前頁

// pagesize 每頁顯示的資料條數

watch: }},

//額外說一點,資料的每個序號,一般用

item.number = this.pagesize * (this.currentpage - 1) + (index + 1);

//這行**來實現

Element UI 的分頁元件

sizechange size 當使用者單擊任意頁碼或實現頁面跳轉時會觸發current page屬性的變化。currentchange current 擷取頁數 woekeralldata.slice pagenumber currentchangeindex 1 pagenumber curre...

element ui實現前端分頁

element ui裡的分頁元件 size change handlesizechange current change handlecurrentchange current page page page sizes 20,50,100 background page size limit lay...

elementUI分頁元件封裝

在實際開發需求,產品需要的分頁元件比較簡單,只可以一頁頁地翻,就是為了防止用於直接翻看最後的資料 因為有一些歷史資料資料量比較大,檢視的意義不大,檢索效率比較低也比較忙,因為不希望使用者在翻頁的時候可以隨意翻看很久之前的資料 因此需要根據實際需求進行分頁元件封裝 以下封裝的分頁元件,勉強夠用,但是還...