vue+elementUI项目中,el-table-column的label为操作,怎么在操作两个字左边加一个按钮
时间: 2024-05-16 09:11:55 浏览: 86
vue用elementui写form表单时,在label里添加空格操作
你可以在 `el-table-column` 标签里的 `scoped slots` 中使用 `header` 插槽来自定义表头,然后在其中添加一个按钮元素,在按钮元素与操作两个字之间添加一个空格即可达到左侧添加按钮的效果。以下是示例代码:
```html
<template>
<el-table :data="data">
<el-table-column label="操作">
<template slot="header">
<div>
<el-button type="primary">按钮</el-button>
操作
</div>
</template>
...
</el-table-column>
</el-table>
</template>
```
阅读全文