element-ui表格table翻页如何让序号延续递增

在使用element-UI的el-table时，我们添加了type=“index” ，如果设置了 index 则显示该行的索引（从 1 开始计算）。
但是每一页都是从1开始计算。当我们想要切换页码时，希望序号接着上一页的，实现表格翻页序号递增/延续。

下面演示如何实现分页切换时序号递增，代码如下：
结构

<el-table-column label="序号" type="index" :index="indexAdd" width="50" />

js

<script>
export default {
    
    
data() {
    
    
    return {
    
    
    // 实现分页
      pageParams: {
    
    
        page: 1, // 查询第一页
        pagesize: 2 // 每页2条
      },
 methods: {
    
      
 ......其它代码已省略，只演示序号递增实现的代码   
// type序号-页面切换递增
    indexAdd(index) {
    
    
      // console.log(index)
      const page = this.pageParams.page // 当前页码
      const pagesize = this.pageParams.pagesize // 每页条数
      return index + 1 + (page - 1) * pagesize
       }
    }
 }
</script>

实现后效果