我們都知道,分類效果在后臺(tái)管理中必不可少的一門絕學(xué),但是在element-u i中這一絕學(xué)有了很大施展范圍
??????<el-pagination? ? ? ? ? ? ? ? ?// 表示分頁(yè)的組件
????????@size-change="handleSizeChange"? ? // 該地方表示在方法中所定義的?handleSizeChange的方法
????????@current-change="handleCurrentChange"? // 跟上面一致,也是 在方法中定義的handleCurrentChange
????????:current-page="queryInfo.pagenum"? ?//? 這里表現(xiàn)的是指你所定義的查詢條件等等,其中queryInfo是你定義的對(duì)象的名稱,pagenum表示
????????:page-sizes="[5,?7,?9,?11]"? ? ?//? 每頁(yè),顯示的條數(shù)
????????:page-size="queryInfo.pagesize"? ? // 跟上面同理
????????layout="total,?sizes,?prev,?pager,?next,?jumper" // 表示你這里觸發(fā)的多種方式
????????:total="total"? ? // 這里的total是指你在data中顯示的總條數(shù)
??????></el-pagination>

該地方是你在data中定義的一個(gè)屬性對(duì)象

該total是顯示你在該頁(yè)碼渲染的條數(shù)

當(dāng)你指向queryInfo對(duì)象中的pagesize 賦值給參數(shù)newSize
然后在this.getUsersList頁(yè)碼數(shù)據(jù)時(shí)刷新頁(yè)面渲染出來(lái)

該分頁(yè)效果可以在element-ui框架中查詢分頁(yè)效果,連接如下