element-ui 带序号表格如何让序号递增

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

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

<template>
	<div>
		<el--card>
		  <!-- type:index会自动生成序号 -->
              <el-table-column
                label="序号"
                type="index"
                :index="indexAdd"
                width="50"
              />
           </el-card>    
     </div>         
</template>

<script>
	export default {
	 data() {
    return {
      // 实现分页
      pageParams: {
        page: 1, // 查询第一页
        pagesize: 2 // 每页两条  --- 要与pagination中page-size一致
      },
      total: 0 // 总的数据条数
    }
  },
   methods: {
    // type序号 - 页面切换递增
    indexAdd(index) {
      // console.log(index, 222222)
      const page = this.pageParams.page // 当前页码
      const pagesize = this.pageParams.pagesize // 每页条数
      return index + 1 + (page - 1) * pagesize
    	}
      }
	}
</script>

实现后效果: