elementplus的el-table获取表头prop的值
时间: 2024-05-02 09:22:50 浏览: 231
您可以使用`ref`属性获取到`el-table`组件实例,进而通过`$refs`来操作表格。然后通过`this.$refs.table.columns`获取到所有的表头信息,其中`prop`属性就是对应的表头属性。可以参考如下代码:
```
<template>
<el-table :data="tableData" ref="table">
<el-table-column prop="id" label="ID"></el-table-column>
<el-table-column prop="name" label="Name"></el-table-column>
<el-table-column prop="age" label="Age"></el-table-column>
</el-table>
</template>
<script>
export default {
data() {
return {
tableData: [
{ id: 1, name: 'Tom', age: 20 },
{ id: 2, name: 'Jerry', age: 18 },
{ id: 3, name: 'Mike', age: 25 },
],
};
},
mounted() {
const columns = this.$refs.table.columns;
const props = columns.map((item) => {
return item.property;
});
console.log(props); // ["id", "name", "age"]
},
};
</script>
```
阅读全文