element表格分页 + 页码不连续

1.

data () {
  return {
    // 省略其他 ...
+      pageParams: {
+        page: 1, // 查询第一页
+        pagesize: 2 // 每页两条  --- 要与pagination中page-size一致
+      },
+      total: 0 // 总的数据条数
  }
}

2.

3.

// 用户点击了页码
    hCurrentChange(curPage) {
      // alert(curPage)
      // 1. 更新页码
      this.pageParams.page = curPage
      // 2. 重发请求
      this.loadRoles()
    }

4.  带上页码发请求

 

页码不连续问题:

 // 处理页码连续
    indexMethod (index) {
      return (index + 1) + (this.pageParams.page - 1) * this.pageParams.pagesize
    }