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

时间：2019-10-24 11:01:52 阅读：1599 评论：0 收藏：0 [点我收藏+]

<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

})

}

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

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

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)