<el-table-column 列作差 给下一列
时间: 2023-06-12 22:07:40 浏览: 124
excel列differ
如果你想在 `el-table` 中添加一列,可以使用 `el-table-column` 组件来实现。示例代码如下:
```html
<el-table :data="tableData">
<el-table-column prop="name" label="姓名"></el-table-column>
<el-table-column prop="age" label="年龄"></el-table-column>
<el-table-column prop="gender" label="性别"></el-table-column>
<el-table-column prop="address" label="地址"></el-table-column>
<el-table-column label="操作">
<template slot-scope="scope">
<el-button type="primary" @click="handleEdit(scope.$index)">编辑</el-button>
<el-button type="danger" @click="handleDelete(scope.$index)">删除</el-button>
</template>
</el-table-column>
</el-table>
```
在上面的示例中,我们添加了一列操作,包括编辑和删除两个按钮。注意,`el-table-column` 组件需要设置 `prop` 属性来指定列对应的数据字段。如果你要添加下一列,只需要再添加一个 `el-table-column` 组件即可。
阅读全文