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
Nginx 使用 sub_filter 注入自定义 HTML 标签
服务与应用运维 通过 Nginx 的 ngx_http_sub_module 模块，在反向代理响应中注入自定义 JS、CSS 或 HTML 标签，适用于无法修改源码的第三方页面定制场景。
5
为了护住我那几块硬盘：我的 UPS 监控“三部曲
HomeLab 私有云 从 PVE 备注里的简陋脚本，到独立的 Node.js Web 监控页，记录一个 HomeLab 玩家的 UPS 监控进阶之路。
