解决element table分页后序号不变的情况(深藏bug)

el-table分页序号不变的bug

在我们使用el-table难免使用到分页的功能,但是在使用分页的功能存在什么问题呢?

存在以下问题 :

分析原因 :

element官网是这样说明的,每次都从1开始计算

解决方法

 <el-table-column label="序号" width="120" type="index" :index="Nindex" 
 />
<script>
export default {
  data() {
    return {
     pageParams: {
        // 用來请求分页数据
        page: 1, // 页码
        pagesize: 2 // 每页条数
      }
    }
  },
 methods: {
 	//获取序号
    Nindex(index) {
      // 当前页数 - 1 * 每页数据条数 + 1
      const page = this.pageParams.page // 当前页码
      const pagesize = this.pageParams.pagesize // 每页条数
      return index + 1 + (page - 1) * pagesize
    },
  }
 }
 </script>
 

最终效果