分页处理逻辑

只要重新进行赋值即可

<el-pagination :current-page="query.page"

:page-sizes="[10, 15, 20, 25]"

:page-size="query.pagesize" l

ayout="total, sizes, prev, pager, next, jumper"

:total="total"

@size-change="handleSizeChange"

@current-change="handleCurrentChange" />

query: {
      page: 1, // 当前页面
      pagesize: 10 // 页面显示的条数
    }

const res = await getRoles(this.query)

页面显示的条数

handleSizeChange(newSize) {
    this.query.pagesize = newSize
    this.getRolesList()
  }

页码发生变化

 handleCurrentChange(newPage) {
    this.query.page = newPage
    this.getRolesList()
  }