用element的table组件怎么获取每一行的index

2025-06-30 00:35:36
推荐回答(4个)
回答1:

点击时可以获取一整行的信息,目前不知道怎么获取index,但是获取index的目的也是获取点击那一行的信息,所以直接用点击返回的信息也算是一种方法。

-table :data="employees" highlight-current-row border style="width: 100%" @row-click="getEmpDetail" @selection-change="ss">

{{ row.employee_name }}{{ row.type }}

import ElCheckbox from 'element-ui/packages/checkbox';

import ElTag from 'element-ui/packages/tag';

import Vue from 'vue';

import FilterPanel from './filter-panel.vue';

回答2:

有一个属性可以获取所有已选择的行。网页链接

回答3:

-table :data="employees" highlight-current-row border style="width: 100%" @row-click="getEmpDetail" @selection-change="ss">


{{ row.employee_name }}
{{ row.type }}


回答4:

:row-class-name="rowClassName" @row-click="deletePer">




js:

rowClassName({row, rowIndex}) {
//把每一行的索引放进row
row.index = rowIndex;
},
deletePer(row) {
console.log(row.index)
},

用row-class-name为每行加上index,然后就可以随意获取每行的index啦~