若依前后端分离版本中前端如何配合pagination实现分页
每次点击分页的组件的时候都会改变查询参数的值,同时会调用getList函数,实现数据的动态切换查询。
·
pagination绑定分页参数
每次点击分页的组件的时候都会改变查询参数的值,同时会调用getList函数,实现数据的动态切换查询
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
data中参数
queryParams: {
pageNum: 1,
pageSize: 10,
advertiserId: null
},
getList函数
getList(){
this.queryParams.advertiserId = this.supId
listCheckBySupId(this.queryParams).then(res=>{
this.loading = false
this.checkList = res.rows
this.total = res.total
})
}
更多推荐
已为社区贡献9条内容
所有评论(0)