當(dāng)數(shù)據(jù)量過(guò)多時(shí)，使用分頁(yè)分解數(shù)據(jù)。

設(shè)置layout，表示需要顯示的內(nèi)容，用逗號(hào)分隔，布局元素會(huì)依次顯示。prev表示上一頁(yè)，next為下一頁(yè)，pager表示頁(yè)碼列表，除此以外還提供了jumper和total，size和特殊的布局符號(hào)->，->后的元素會(huì)靠右顯示，jumper表示跳頁(yè)元素，total表示顯示頁(yè)碼總數(shù)，size用于設(shè)置每頁(yè)顯示的頁(yè)碼數(shù)量。

1.帶有背景色的分頁(yè)

設(shè)置background屬性可以為分頁(yè)按鈕添加背景色。

2.小型分頁(yè)

在空間有限的情況下，可以使用簡(jiǎn)單的小型分頁(yè)。

只需要一個(gè)small屬性，它接受一個(gè)Boolean，默認(rèn)為false，設(shè)為true即可啟用。

3.附加功能

根據(jù)場(chǎng)景需要，可以添加其他功能模塊。

此例是一個(gè)完整的用例，使用了size-change和current-change事件來(lái)處理頁(yè)碼大小和當(dāng)前頁(yè)變動(dòng)時(shí)候觸發(fā)的事件。page-sizes接受一個(gè)整型數(shù)組，數(shù)組元素為展示的選擇每頁(yè)顯示個(gè)數(shù)的選項(xiàng)，[100, 200, 300, 400]表示四個(gè)選項(xiàng)，每頁(yè)顯示 100 個(gè)，200 個(gè)，300 個(gè)或者 400 個(gè)。

鏈接：https://www.dianjilingqu.com/537688.html