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

快速构建 Web 应用程序

更多推荐