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即可。

posted @ 2023-05-22 17:51  心动12138  阅读(73)  评论(0编辑  收藏  举报