vue3 element-plus el-table 的行列索引 index 为 undefined
时间: 2023-10-10 08:10:27 浏览: 1097
Vue3+element-plus-table-dragable(Sortable.js)实现表格拖动排序
3星 · 编辑精心推荐
在 Element Plus 的 el-table 中,可以通过 `row-index` 和 `column-index` 属性获取行列的索引,而不是 `index` 属性。例如:
```html
<el-table :data="tableData">
<el-table-column label="姓名" prop="name"></el-table-column>
<el-table-column label="年龄" prop="age"></el-table-column>
<el-table-column label="操作">
<template #default="{ row, column }">
<span>行索引:{{ row['row-index'] }}, 列索引:{{ column['column-index'] }}</span>
</template>
</el-table-column>
</el-table>
```
在模板中,可以通过 `row['row-index']` 和 `column['column-index']` 获取行列的索引。注意,这里使用了 Vue 3 的模板语法,如果是 Vue 2,请使用 `slot-scope` 属性。
阅读全文