若依前后端分离版本中前端如何配合pagination实现分页

陈丹阳（滁州学院）

于 2024-08-19 10:32:32 发布

阅读量285

点赞数 7

文章标签：前端 java 开发语言

本文链接：https://blog.csdn.net/weixin_51480428/article/details/141317342

版权

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
          })
        }