W3Cschool
恭喜您成為首批注冊用戶
獲得88經(jīng)驗(yàn)值獎勵
分頁( Pagination )允許用戶通過反野導(dǎo)航數(shù)據(jù)。 分頁( Pagination )支持頁面導(dǎo)航和頁面長度選擇的可配置選項(xiàng)。 分頁( Pagination )可在右側(cè)添加自定義按鈕增強(qiáng)功能性。
名稱 | 數(shù)據(jù)類型 | 作用描述 | 默認(rèn)值 |
---|---|---|---|
pageList | number[] | 定義可以更改大小。 | [10,20,30,40,50] |
loading | boolean | 是否正在加載數(shù)據(jù)。 | false |
showPageList | boolean | 是否顯示頁列表。 | true |
showPageInfo | boolean | 是否顯示頁面信息。 | true |
showPageRefresh | boolean | 是否顯示刷新按鈕。 | true |
links | number | 鏈接數(shù)量。 | 10 |
beforePageText | string | 在輸入組件之前顯示一個標(biāo)簽。 | Page |
afterPageText | string | 在輸入組件之后顯示一個標(biāo)簽。 | of {pages} |
displayMsg | string | 顯示頁面信息。 | Displaying {from} to {to} of {total} items |
layout | string[] | 分頁布局定義??蛇x值是:'list', 'sep', 'first', 'prev', 'sep', 'tpl', 'sep', 'next', 'last', 'sep', 'refresh', 'info', 'links'。 | ['first', 'prev', 'links', 'next', 'last', 'refresh'] |
pageNumber | number | 初始化頁碼。 | 1 |
pageSize | number | 初始化頁面大小。 | 10 |
total | number | 初始化總記錄數(shù)。 | 0 |
名稱 | 參數(shù) | 作用描述 |
---|---|---|
pageChange | pageNumber, pageSize | 當(dāng)頁面更改時(shí)觸發(fā)。 |
注:
- 繼承: None 。
通過面板( Panel )和分頁( Pagination )組件創(chuàng)建分頁。
<Panel :bodyStyle="{padding:'20px'}">
<p>Total: {{total}}</p>
<p>Page Number: {{pageNumber}}</p>
<p>Page Size: {{pageSize}}</p>
<template slot="footer">
<Pagination :total="total" :pageSize="pageSize" :pageNumber="pageNumber" @pageChange="onPageChange($event)"></Pagination>
</template>
</Panel>
Copyright©2021 w3cschool編程獅|閩ICP備15016281號-3|閩公網(wǎng)安備35020302033924號
違法和不良信息舉報(bào)電話:173-0602-2364|舉報(bào)郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號
聯(lián)系方式:
更多建議: