element-plus实现table表格序号递增的效果

element-plus组件排序,可以给序号行加一个type="index"就可以实现按序号排序效果,但是当页码到第二页时,又是从一开始排列了。

想要实现的效果是翻页后页码接上一页的顺序继续排列,这个时候就需要改写index了

<el-table-column fixed type="index" label="序号" align="center" width="60">
<template #default="{ $index }">
{{(currentPage - 1) * pageSize + $index + 1 }}
</template>
</el-table-column>

这里面 currentPage ，pageSize 是在脚本里面定义的用于分页组件使用的

const currentPage = ref(1)
const pageSize = ref(10)