ant 表格中的分页属性
组件中添加 属性
:pagination="paginationProps"
定义paginationprops
const paginationProps = reactive({ total: 0, showSizeChanger: true, pageSizeOptions: ['5', '10', '15', '20'],
onShowSizeChange:(current, pageSize)=>this.pageSize = pageSize })
total:默认的总条数,在从后台获取数据列表成功之后对其进行赋值。
defaultPageSize:默认每页的显示条数。
showSizeChanger:是否可以改变 pageSize,布尔值,一般情况设置为true。
pageSizeOptions:可选的页面显示条数。
onShowSizeChange:pageSize 变化的回调,可以拿到当前的页数和pageSize,直接再将其赋值给pagination即可。