Element-ui框架中分頁(yè)效果

我們都知道,分類效果在后臺(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è)效果,連接如下

https://element.eleme.cn/#/zh-CN/component/pagination

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容