el-table跨页多选和序号连续
目标:实现表格组件在下一页、上一页的选中状态以及序号
序号跨页
实现思路:
- 移除原来的 type="index" 属性,改为使用自定义模板
- 使用 slot-scope 来自定义序号的计算方式
- 序号计算公式:(currentPage - 1) * pageSize + scope.$index + 1
-
- 这个公式的工作原理:
-
-
- currentPage - 1:获取当前页码(从0开始)
- * p
-
目标:实现表格组件在下一页、上一页的选中状态以及序号
实现思路: