在Vue+element UI项目中 自定义表格索引实现序号倒序排列

indexMethod(index) {
// this.queryParams.Page当前页码，this.queryParams.Limit一页展示多少数量，this.total总条数，index索引值

      if (this.total < this.queryParams.Limit) {
        return this.total - index;
      } else {
        return (
          this.total -
          (this.queryParams.Page - 1) * this.queryParams.Limit -
          index
        );
      }
    },

//在element-ui的表格组件中使用
<el-table-column label="序号" type="index" :index="indexMethod" />

实现效果：不分页

分页： 第一页

分页： 第二页

 

 

element-ui文档说明

element-ui的官方文档是默认升序：

 如果设置了tyle=index可以传递index属性自定义索引