当前位置: 首页 > article >正文

el-table表格增加序号列index vue2和vue3的写法

	 <el-table><!--每页从1开始的序号--><el-table-column label="序号" width="60" align="center" type="index" /><!--一直递增的序号 vue2写法--><el-table-column label="序号" width="60" align="center"><template scope="scope"><span>{{(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1}}</span></template></el-table-column><!--一直递增的序号 vue3写法--><el-table-column label="序号" width="60" align="center"><template #default="{ row, $index }"><span>{{ (queryParams.pageNum - 1) * queryParams.pageSize + $index + 1 }}</span></template></el-table-column></el-table>
http://www.lryc.cn/news/2404820.html

相关文章:

  • 【学习记录】如何使用 Python 提取 PDF 文件中的内容
  • Spark 之 DataFrame 开发
  • 嵌入式学习笔记 - freeRTOS xTaskResumeAll( )函数解析
  • 机器学习KNN算法全解析:从原理到实战
  • 【QT】自定义QWidget标题栏,可拖拽(拖拽时窗体变为normal大小),可最小/大化、关闭(图文详情)
  • FPGA定点和浮点数学运算-实例对比
  • MySQL Binlog 数据恢复全指南
  • python版若依框架开发:后端开发规范
  • Linux编程:2、进程基础知识
  • 时序数据库IoTDB与EdgeX Foundry集成适配服务介绍
  • Android第十二次面试-多线程和字符串算法总结
  • ES6——数组扩展之Set数组
  • Cursor Rules 使用
  • 服务器数据恢复—服务器raid5阵列崩溃如何恢复数据?
  • Go语言堆内存管理
  • 【DAY41】简单CNN
  • Rust 学习笔记:使用自定义命令扩展 Cargo
  • LeetCode 08.06 面试题 汉诺塔 (Java)
  • 使用MinIO搭建自己的分布式文件存储
  • 单元测试与QTestLib框架使用
  • java面试场景题:QPS 短链系统怎么设计
  • java面试场景提题:
  • K7 系列各种PCIE IP核的对比
  • natapp 内网穿透失败
  • 深入解析CI/CD开发流程
  • Docke启动Ktransformers部署Qwen3MOE模型实战与性能测试
  • 应用分享 | 精准生成和时序控制!AWG在确定性三量子比特纠缠光子源中的应用
  • 相机--相机标定实操
  • 深入理解汇编语言中的顺序与分支结构
  • DAY43 复习日