elementui动态列插入数据
时间: 2023-10-30 16:05:49 浏览: 87
可以使用 ElementUI 的 Table 组件的 column 属性来动态插入列数据。具体步骤如下:
1. 在 data 中定义表格的列数据,例如:
```
data() {
return {
tableData: [],
columns: [
{ label: '姓名', prop: 'name' },
{ label: '年龄', prop: 'age' }
]
}
}
```
2. 在模板中使用 Table 组件,并绑定 columns 和 tableData:
```
<el-table :data="tableData" :columns="columns"></el-table>
```
3. 当需要动态插入列数据时,修改 columns 数组,例如:
```
this.columns.push({ label: '性别', prop: 'gender' });
```
4. 同时修改 tableData 中的数据,保证新添加的列有对应的数据。
阅读全文