怎么在el-descriptions的title右边加一个el-button,请给出代码
时间: 2024-01-13 19:12:17 浏览: 306
在element-ui的el-tree组件中用render函数生成el-button的实例代码
可以使用 `el-descriptions` 的 `slot` 来实现在 `title` 右边加一个 `el-button`。具体代码如下:
```html
<el-descriptions :column="1">
<el-descriptions-item label="Label" :span="24">
<template v-slot:title>
<span>My Title</span>
<el-button type="text" icon="el-icon-plus"></el-button>
</template>
Description
</el-descriptions-item>
</el-descriptions>
```
在 `title` 中使用了 `template` 标签来自定义 `title`,并在其中放置了一个普通的文本 `span` 和一个 `el-button`。需要注意的是,为了让 `title` 和 `description` 在同一行显示,需要设置 `el-descriptions-item` 的 `:span` 属性为 `24`。
这样就可以在 `el-descriptions` 的 `title` 右边加一个 `el-button` 了。
阅读全文