antd-v：a-table 表格实现分页查询

<a-table
      class="accept-proj-table mt10"
      :columns="acceptProjColumns"
      :data-source="acceptProjData"
      :bordered="true"
      :pagination="paginationProp"
    >
      <a slot="index" slot-scope="text">{{ text }}</a>
</a-table>

 

data中：
paginationProp: { // 分页配置
    current: 1,
    pageSize: 10, // 每页数据条数
    total: 10, // 总条数
    showSizeChanger: true, // 是否显示每页数量改变的选项
    onChange: (current) => { // 切换页码的事件
      this.paginationProp.current = current
      this.getData()
    },
    onShowSizeChange: (current, pageSize) => {  // 每页个数改变的事件
      this.paginationProp.pageSize = pageSize
      this.getData()
    }
 },