表格索引延续

最新推荐文章于 2023-09-04 12:56:54 发布

aichixiangcaia

最新推荐文章于 2023-09-04 12:56:54 发布

阅读量141

点赞数

文章标签： elementui vue

本文链接：https://blog.csdn.net/aichixiangcaia/article/details/120924992

版权

此时的索引是不延续的当我们需要索引不中断每一页都可以正常延续时我们可以这样做

1. 给el-table-column 绑定一个列方法(必须要在Element的组件上)

因为文档上写的是Table-column Attributes 所以必须在el-table-column中写(:index="getIndex") 千万不要写在el-table上面去了

page : 当前页

size: 每页显示的条数

  getIndex(index) {
      // 当前页减一 * 每页显示多少条 = 当前页之前一共有多少条数据(x)
      // 由于当前页必有数据 所以就得 + 1 + index === 如果当前页只有一条 那么就是 x+ 1 +index
      // 当前页如果只有一条数据 那么index 为0 如果有2条数据  index 就 为 1
      return (this.paramsPage.page - 1) * (this.paramsPage.size) + 1 + index
    },