ant design pro vue 中stable中分页的设置

时间：2019-10-24 11:01:52 收藏：0 阅读：1602

<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

})

}

原文：https://www.cnblogs.com/msg001/p/11730712.html