Vue+ElementUI 分頁器el-pagination的使用方法


Vue腳手架中安裝element-ui,並在mian.js中進行配置(官網中有詳細方法)

 效果如下

 

 


 

首先使用el-pagination組件。@size-change在每頁數據的個數發生改變時觸發。@curren-change在頁數發生改變時觸發。

數據源定義的數據,默認展示第一頁,頁面數據10條

 


 

方法觸發時的操作。

每頁數據個數發生改變時觸發handleSizeChange(size),參數size即是選擇的每頁數據的數量。頁數發生改變時觸發handleCurrentChange(current),current即是選擇的頁面。

 


免責聲明!

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



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