关于element-ui中的Table 表格,如何让索引延续类似于id效果

1,929 阅读1分钟

首先表格中自带一个 type= 'index',这个属性可以是当前列 以索引 1,2,3,4,5 代替,但每一页它都会重置,有没有一种方法可以是他继承上一页的index呢 ,其实组件表单中给了一种方法

  <el-table-column
      type="index"
      :index="indexMethod">
  </el-table-column>
  

官方给出的解释是:通过给 type=index 的列传入 index 属性,可以自定义索引。该属性传入数字时,将作为索引的起始值。也可以传入一个方法,它提供当前行的行号(从 0 开始)作为参数,返回值将作为索引展示。

    我们知道当给定 indexMethod为一个值时,当前页面会根据indexMethod的值为起始值来递增 

    假设给定值25,则当前页面的序号就为25,26,27,28,29,30  

那么就出现了一个问题,我们怎么知道当前页面应该给什么初始值

我自己的一个解决方案是,根据当前分页来计算

当我们选择第二页是,indexMethod的值就应该为前面的页数乘每页多少条 代码如下: 用计算属性最为合适

 computed: {
    indexMethod: function() {
        return (this.pagination.page - 1) * (this.pagination.pagesize) + 1
       }
 }
 

前面的页数就是当前页数-1 ,  而indexMethod的初始值会作为当前页面的第一个值,所以最后该值要+1