el-dialog 隐藏close
时间: 2023-07-31 07:13:16 浏览: 246
element ui 对话框el-dialog关闭事件详解
要隐藏el-dialog的关闭按钮,你可以使用以下方法:
1. 使用CSS样式:为el-dialog组件添加一个自定义的类名,然后在样式中设置该类名的display属性为none。例如:
```css
.hide-close .el-dialog__headerbtn {
display: none;
}
```
然后在el-dialog组件中添加该类名:
```html
<el-dialog class="hide-close" ...>
...
</el-dialog>
```
2. 使用props属性:设置el-dialog的`show-close`属性为false。例如:
```html
<el-dialog :show-close="false" ...>
...
</el-dialog>
```
这两种方法都可以隐藏el-dialog的关闭按钮。选择其中一种根据你的需求来使用。
阅读全文