image.png
image.png
<a-table :pagination="pagination"></a-table>
export default {
components: {},
data() {
return {
pagination: {
pageNo: 1,
pageSize: 10, // 默認(rèn)每頁(yè)顯示數(shù)量
showSizeChanger: true, // 顯示可改變每頁(yè)數(shù)量
pageSizeOptions: ["10", "20", "50", "100"], // 每頁(yè)數(shù)量選項(xiàng)
showTotal: total => `共${total}條`, // 顯示總數(shù)
onShowSizeChange: (pageSize) =>(this.pageSize = pageSize), // 改變每頁(yè)數(shù)量時(shí)更新顯示
onChange:this.onPageChange.bind(this), //點(diǎn)擊頁(yè)碼事件
total: 0, //總條數(shù)
current: 0,
buildOptionText:pageSizeOptions => `${pageSizeOptions.value}條/頁(yè)`,
// size: "small",
},
};
},
methods: {
onPageChange(page){
this.pagination.current=page;
}
}
}
