element-plus表格获取index
时间: 2023-11-15 07:11:42 浏览: 271
在使用 Element Plus 表格组件时,可以通过设置 `index` 属性来显示行号。同时,你可以通过 `row-index` 属性来获取每一行的索引。
示例代码:
```html
<template>
<el-table :data="tableData" :index="indexMethod">
<el-table-column prop="name" label="姓名"></el-table-column>
<el-table-column prop="age" label="年龄"></el-table-column>
<el-table-column prop="address" label="地址"></el-table-column>
</el-table>
</template>
<script>
export default {
data() {
return {
tableData: [
{
name: '张三',
age: 18,
address: '北京市'
},
{
name: '李四',
age: 22,
address: '上海市'
},
{
name: '王五',
age: 25,
address: '广州市'
}
]
}
},
methods: {
indexMethod(index) {
// 返回每一行的索引
return index + 1
}
}
}
</script>
```
在上面的示例中,我们通过 `indexMethod` 方法来返回每一行的索引,然后将该方法绑定到 `index` 属性上。这样就可以在表格中显示行号,并且通过 `row-index` 属性获取每一行的索引。
阅读全文