怎么设置ant design vue中的 pagination 的最大分页数
时间: 2023-02-25 07:01:48 浏览: 138
用于设置ant-design-vue中table组件的列宽可拖拽
Ant Design Vue 中的 pagination 组件有一个 `pageSize` 属性,用于设置每页显示的数据条数。同时,还有一个 `total` 属性,用于设置数据总条数。通过计算可以算出分页数,从而实现设置最大分页数的目的。
代码示例:
```
<a-pagination
:total="total"
:pageSize="pageSize"
@change="handlePageChange"
/>
<script>
export default {
data() {
return {
total: 100,
pageSize: 10
};
},
methods: {
handlePageChange(page) {
console.log(page);
}
}
};
</script>
```
在上面的代码中,`total` 的值为 100,`pageSize` 的值为 10,因此最多可以分成 10 页。
阅读全文