怎么把el-collapse-item里增加一个和title同一行的按钮,并且文字在页面的最左边,按钮在页面的最右边
时间: 2024-02-21 20:02:19 浏览: 161
实现上图标下文字,左图标右文字,右文字左图标设置的按钮
你可以在 `el-collapse-item` 的 `title` 中使用 `template` 属性,然后在模板中添加一个按钮和标题,并使用 CSS 样式将它们放置在同一行中。以下是一个示例代码:
```html
<el-collapse-item title="<template><span class='title'>这是标题</span><el-button class='btn' size='mini'>按钮</el-button></template>">
这是内容
</el-collapse-item>
```
然后在 CSS 中添加以下样式:
```css
.el-collapse-item__header .el-button {
float: right;
}
.el-collapse-item__header .title {
float: left;
margin-right: 10px;
}
```
这将使按钮靠右对齐,标题靠左对齐,并且它们将在同一行中显示。
阅读全文