elementUI分頁el-pagination組件有兩個重要的事件current-change和size-change
官方文檔標識
|
說明 | 回調參數 |
|---|---|---|
| size-change | pageSize 改變時會觸發 | 每頁條數 |
| current-change | currentPage 改變時會觸發 | 當前頁 |
一、實際測試，僅用戶界面使用組件時，才觸發current-change事件，js直接修改頁碼綁定值不觸發事件，例子如下1.2.
1.進行頁面操作el-pagination組件時，使用組件提供的功能，會觸發current-change事件(包括點擊非當前頁碼，點擊上下步驟，前往x頁等操作)
2.而直接js修改current-page綁定值時候，頁碼值顯示會對應改變（響應式），但是current-change事件不觸發
例：
1.當前頁碼current-page為1，觸發current-change事件時，current-change綁定的回調函數會改變el-table的數據，
2.直接增加一個button，click觸發點擊事件修改current-page為2，組件顯示current-page為2，但是current-change事件不觸發，el-table不會變化。如果要使el-table變化，則需要在button點擊事件修改頁碼后，編寫修改el-table的代碼
二、size-change同理，僅用戶操作才出發，js操作不觸發
三、pageSize和currentPage要實現雙向綁定，可以使用 .sync 修飾符，或者在對應size-change和current-change事件將回調參數賦值給對應的pageSize和currentPage綁定值。