ant design pro vue 中stable中分頁的設置

<a-table

        :columns="columns"

        :dataSource="tableData"

        :rowKey="record => record.id"

        :pagination="pagination"

        @change="handleTableChange"

        :scroll="{ x: 1500 }"

      ></a-table>

data:

pagination: { pageSize: 10, pageNo: 1 }

 

methods:

// 分頁函數

    handleTableChange (pagination) {

      console.log(pagination.current)

      this.pagination.pageNo = pagination.current

      this._getParamList()

    }

//向后台請求數據

_getParamList(){

　　

return getTjNumberList(Object.assign({}, this.pagination, { handleStatus: this.handleStatus, tableDepartCode: this.tableDepartCode, wzjstartDate: this.wzjstartDate, wjzEndDate: this.wjzEndDate })).then((res) => {

        this.loadData = res.result.data

        const pagination = { ...this.pagination }

        pagination.total = res.result.totalCount

        this.pagination = pagination

      })

}