怎么获取el-table中某一列中的某个数据
时间: 2024-05-09 19:20:30 浏览: 17
可以使用以下方法获取el-table中某一列中的某个数据:
1. 通过 $refs 获取到 el-table 实例,如下:
```
<el-table ref="table"></el-table>
```
```
const table = this.$refs.table;
```
2. 通过 table.columns 获取到所有列的数组,如下:
```
const columns = table.columns;
```
3. 遍历 columns 数组,找到需要获取数据的列,如下:
```
let targetColumn;
columns.forEach(column => {
if (column.label === '需要获取数据的列名') {
targetColumn = column;
}
});
```
4. 通过 targetColumn.property 获取到该列的数据属性名,如下:
```
const property = targetColumn.property;
```
5. 通过 table.data 获取到表格数据数组,遍历数组,获取目标数据,如下:
```
let targetData;
table.data.forEach(data => {
if (data[property] === '需要获取的数据') {
targetData = data;
}
});
```
6. 获取到目标数据后,即可进行相关操作,如下:
```
console.log(targetData);
```
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)