antd vue修改分页_ant-design-vue Table组件和分页组件的自定义

最近在个新项目里开发CMS端，vue技术栈和antd的UI框架

表格table使用链接：antd的table

分页pagination使用链接：antd的pagination

表格单独使用时，自带简单分页，只包含 上一页, 页面码, 下一页,例如：

但是有时候产品和甲方的需求很奇葩，非得可选的pageSize，显示总数等功能，文档里有时候也阐述不全，甚至不对，关键时候还要靠自己动动脑子，看代码：

//template部分

:rowSelection="rowSelection"

:columns="columns"

:dataSource="dataList"

@change="TableChange"

rowKey="id"

>

data(){

return{

pagination:{

defaultPageSize:5,

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

showSizeChanger:true,

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

onShowSizeChange:(current, pageSize)