a-table API描述。
| 参数 | 说明 | 类型 |
|---|---|---|
| pagination | 分页器，参考配置项或 pagination文档，设为 false 时不展示和进行分页 | Object |
说明pagination是个对象或false.如果是对象，需要按分页文档进行配置。
pagination文档说明
| 参数 | 说明 | 类型 |
|---|---|---|
| current(v-model) | 当前页数 | number |
| pageSize(v-model) | 每页条数 | number |
代码示例
<a-table v-if="$auth('authRole.list')"
size="small"
:columns="columns"
:rowKey="record => record.id"
:pagination="queryParam"
:dataSource="table1DataSource"
@change="change"
>
<span slot="serial" slot-scope="text, record, index">{{ queryParam.pageSize*(queryParam.pageNum-1)+index + 1 }}</span>
<span slot="parentVersion" slot-scope="text, record, index">
上级<br/>版
</span>
<span slot="action" slot-scope="text, record">
<a href="javascript:void(0);" @click="show(record)"">显示什么</a>
</span>
</a-table>
//查询按钮
handleSearch() {
this.queryParam.pageNum = 1;
this.queryParam.current = 1;//重点
this.query();
},
// 分页操作
change(pagination, filters, sorter) {
this.queryParam.pageSize = pagination.pageSize;
this.queryParam.pageNum = pagination.current;
this.queryParam.current = pagination.current;//重点
this.query();
},