el-dialog右上角叉号去掉
时间: 2023-10-04 14:10:57 浏览: 55
要去掉 el-dialog 右上角的叉号,可以通过 CSS 来实现。你可以在页面中添加以下样式代码:
```css
.el-dialog .el-dialog__headerbutton {
display: none;
}
```
这将隐藏右上角关闭按钮。确保将该样式代码放置在 el-dialog 样式之后,以覆盖默认样式。
相关问题
el-dialog右上角关不掉
您好!要关闭 el-dialog 右上角的按钮,您可以使用 el-dialog 的 `close-on-click-modal` 属性。将其设置为 `false`可以禁用点击模态框关闭对话框的功能。以下是一个示例代码:
```html
<el-dialog :visible.sync="dialogVisible" :close-on-click-modal="false">
<!-- 对话框内容 -->
</el-dialog>
```
在上面的代码中,`dialogVisible` 是一个用于控制对话框显示与隐藏的变量。通过设置 `close-on-click-modal` 属性为 `false`,您将禁用点击模态框关闭对话框的功能。
希望这可以帮到您!如有其他问题,请随时提问。
el-dialog右上角的x
你可以使用 `show-close` 属性来显示 el-dialog 右上角的关闭按钮(x)。
这是一个示例代码:
```html
<el-dialog title="Dialog Title" :visible.sync="dialogVisible" :show-close="true">
<!-- Dialog Content -->
</el-dialog>
```
通过将 `:show-close` 设置为 `true`,你就可以在 el-dialog 的右上角看到关闭按钮(x)。