el-table-column 使用全局变量
时间: 2024-01-14 07:20:44 浏览: 137
el-table-column可以使用全局变量来定义其属性值。通过在data中定义全局变量,然后在el-table-column中使用该全局变量作为属性值,即可实现使用全局变量的效果。
以下是一个示例代码:
```html
<template>
<el-table :data="tableData">
<el-table-column :label="nameColumn" :prop="nameColumn"></el-table-column>
<el-table-column :label="ageColumn" :prop="ageColumn"></el-table-column>
</el-table>
</template>
<script>
export default {
data() {
return {
nameColumn: 'name',
ageColumn: 'age',
tableData: [
{ name: 'John', age: 20 },
{ name: 'Jane', age: 25 },
{ name: 'Tom', age: 30 }
]
}
}
}
</script>
```
在上述代码中,nameColumn和ageColumn是定义在data中的全局变量,它们分别作为el-table-column的label和prop属性的值。这样就可以使用全局变量来定义el-table-column的属性值了。
阅读全文