<cus-pagination ref=“rolePage” v-model=“roleConfigs” :pageSize=“10” :params=“Roleparams” url="/role>total的值和current值怎么随着点击而变化

`< cus-pagination>` 这是一个用于分页展示数据的 Vue 组件，它通常会绑定到 `v-model` 上来控制当前的数据配置 (`roleConfigs`)，并且设置了每页显示的数量 (`pageSize`) 和传递给服务器的查询参数 (`params`)。`url="/role"` 指定了请求数据的地址。

`total` 的值通常是服务端返回的总记录数，会在组件初始化或者首次请求数据后设置，然后通过组件内部逻辑更新。当用户点击分页按钮（比如下一页、上一页、切换页码等），`cus-pagination` 元素会发送新的 GET 请求到指定 URL，并传入动态的 `params` 和当前的 `currentPage`（即 `current` 值）。每次请求成功后，组件应该能够从响应数据中提取出新的 `total` 值，并更新本地的状态。

`current` 值则表示当前的页码，当用户点击分页按钮时，`current` 的值会相应地增加或减小。例如，如果向前翻页，`current` 可能会从当前页数减一；如果是向后翻页，则加一。

以下是简单示例代码片段：

methods: {
  changePage(page) {
    this.Roleparams.page = page; // 更新params的page字段
    this.$http.get(this.url, { params: this.Roleparams }) // 发送新请求
      .then(response => {
        this.roleConfigs = response.data.data; // 更新角色配置
        this.total = response.data.total; // 更新总记录数
      })
      .catch(error => console.error('Error:', error));
  }
}

在这个例子中，`changePage` 方法会被分页组件触发，它会更新 `params` 中的 `page` 字段，并调用 API 获取新的数据，然后更新页面状态。