程序问题
自定义分页怎样才能显示出页码跳页?
效果图
自定义分页怎样 才能显示出页码跳页这一栏
<a-table :columns=columns :dataSource=data :pagination=pagination \> </a-table>
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 },