antd vue3的使用 a-table的pagination

之前一直用的公共PAGINATION：发现total的总条数根本不显示

于是我上网百度了别人的方法，必须要在里面加上change事件，vue3的写法，可以在change事件中调用加载表格数据的方法，进行切换数据

   const pagination = reactive({ // 表格分页的配置
            current: 1,
            pageSize: 10,
            showSizeChanger: true, // 用于控制展示每页多少条的下拉
            showQuickJumper:true,
            total: 0,
            pageSizeOptions: ["10", "20", "50"],
            showTotal: (total) => `共 ${total} 条`,
            onShowSizeChange: pageSizeChange,
            onChange: pageChange,
        });
       
        // 页数改变的方法
 
        function pageSizeChange(val, pageNum){
            pagination.pageSize = pageNum; // 修改每页显示的条数
            pagination.current = 1;
        }
        // 点击上一页下一页的方法
        function pageChange(page, val){
            console.log(page, val);
            pagination.current = page;
        }

 这样就成功的显示出来了分页组件