19 字
1 分钟
v-table组件添加序号
Vue 添加从1开始 添加序号
在template 添加
<el-table-column label="序号" align="center" type="index" :index="indexMethod"/>在script添加
/** 自定义编号 */ indexMethod(index) { let pageNum = this.queryParams.pageNum - 1; if ((pageNum !== -1 && pageNum !== 0)) { return (index + 1) + (pageNum * this.queryParams.pageSize); } else { return (index + 1) } }, 分享
如果这篇文章对你有帮助，欢迎分享给更多人！
v-table组件添加序号
https://blog.olinl.com/posts/vue-table-index/ 相关文章 智能推荐
1
Vue3使用el-upload上传图片
代码开发实战 在Vue3 中使用 el-upload 组件上传图片的案例。
2
Vue3动态添加输入框并添加规则校验
代码开发实战 在Vue3 中动态添加输入框并添加规则校验的案例。
3
Vue3使用flv.js播放FLV视频流
代码开发实战 在Vue3 中使用 flv.js 播放 FLV 在线流的案例。
4
为了护住我那几块硬盘：我的 UPS 监控“三部曲
HomeLab 私有云 从 PVE 备注里的简陋脚本，到独立的 Node.js Web 监控页，记录一个 HomeLab 玩家的 UPS 监控进阶之路。
5
CI/CD 手册：Jenkins 自动化发布全流程
服务与应用运维 详细记录如何通过 Jenkins 搭建自动化流水线，实现 Node.js 前端项目与 Spring Boot 后端项目的打包、上传及一键部署。
