antd自定义分页器_antd table 跳页 - 自定义分页怎样才能显示出页码跳页

程序问题

自定义分页怎样才能显示出页码跳页?

效果图

自定义分页怎样 才能显示出页码跳页这一栏

:columns="columns"

:dataSource="data"

:pagination="pagination"  \>

pagination:{

defaultPageSize:5,

showTotal: total => `共 ${total} 条数据`,

showSizeChanger:true,

pageSizeOptions: ['2', '10', '15', '20'],

onShowSizeChange: (current, pageSize) =>

(this.pageSize = pageSize),

}

解决方法

添加页数改变的change时间,分页绑定了当前页 v-model="current";这样分页就可以显示跳到你输入的页数。onChange(pageNumber) {

console.log('Page: ', pageNumber);

// 将改变后的页数赋值个当前页数的变量

this.current = pageNumber

},

你可能感兴趣的:(antd自定义分页器)