标签：current vue 分页 pageSize ant 条数 design myCustomerTablePageConfig total
<a-table
:pagination="myCustomerTablePageConfig"
@change="myCustomerTablePageChange"
>
</a-table>
data() {
return {
// 筛选表格分页配置对象
myCustomerTablePageConfig: {
// 总数据
total: 0,
// 每页条数
pageSize: 10,
// 当前页
current: 1,
// 显示多少页
showTotal: (total) => `共有 ${total} 条`,
// 是否显示跳转页面
showQuickJumper: true,
// 是否开启分页数据条数
showSizeChanger: true,
// 分页每页显示条数
pageSizeOptions: ['1', '10', '20', '40', '80', '100'],
},
}
},
methods: {
/**
* @function 表格分页变化
*/
myCustomerTablePageChange(pagination) {
let { current, pageSize } = pagination
this.myCustomerTablePageConfig = Object.assign(this.myCustomerTablePageConfig, { current, pageSize })
},
},
标签：current,
vue,
分页,
pageSize,
ant,
条数,
design,
myCustomerTablePageConfig,
total
From： https://www.cnblogs.com/orangeczs/p/17130463.html