ant-design-vue中设置Table每页显示的条目数量

新项目中设置分页条数遇到点问题，查阅百度发现都是使用:pagination="false"禁用table的分页功能，自己重新封装一个分页，其实duck不必这么做，官方文档中提供了一个pageSize，自然有自己的妙用！<a-table :columns="columns" :data-source="data" bordered:pagination="{ pageSize: 12 }"&g

黄安树_

6249人浏览 · 2021-10-22 11:29:58

黄安树_ · 2021-10-22 11:29:58 发布

新项目中设置分页条数遇到点问题，查阅百度发现都是使用:pagination="false"禁用table的分页功能，自己重新封装一个分页，其实duck不必这么做，官方文档中提供了一个pageSize，自然有自己的妙用！

 <a-table :columns="columns" :data-source="data" bordered  :pagination="{ pageSize: 12 }"></a-table>
//pageSize为每页显示的条数

这样，我们就轻轻松松的实现了限值页面条数的功能\(^o^)/~

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^