19 字
1 分钟
v-table组件添加序号
2025-08-31
0 次
0 人

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)
}
},

如果这篇文章对你有帮助,欢迎分享给更多人!

发现错误或想要改进这篇文章?

在 GitHub 上编辑此页
v-table组件添加序号
https://m.olinl.com/posts/vue-table-index/
作者
顾拾柒
发布于
2025-08-31
许可协议
CC BY-NC-SA 4.0