vue3中element-plus实现分页index连续性

element-plus实现分页index连续性

解决方法

• 方法一

<el-table-column label="#" align="center" type="index">
        <template v-slot="{ $index }">
          <span>{{ $index + pageSize * (pageNo - 1) + 1 }}</span>
        </template>
      </el-table-column>
其中pageSize 代表一页展示多少条数据，pageNo 代表当前在第几页

• 方法二

 ## 模版
 <el-table-column
        label="#"
        align="center"
        type="index"
        :index="tableIndex"
      >
      
## js写法
 let tableIndex = (index: number) => {
   return index + pageSize.value * (pageNo.value - 1) + 1;
};