elementui dialog modal设置为false

如果您想将 ElementUI 的 Dialog 组件设置为非模态对话框，可以通过在调用 Dialog 方法时传入一个选项对象，并将其 modal 属性设置为 false 来实现。

例如：

this.$dialog({
  title: '非模态对话框',
  message: '这是一个非模态对话框',
  modal: false
});

这样，该对话框就会以非模态的方式展示，用户可以在对话框和页面之间进行切换。

相关问题

elementui dialog弹出有黑框

如果在使用ElementUI的Dialog组件时出现了黑色边框的问题，可能是因为没有设置Dialog组件的border属性。可以在Dialog组件中添加border属性并设置为false来解决这个问题。

示例代码：

<el-dialog :visible.sync="dialogVisible" :title="dialogTitle" :close-on-click-modal="false" :border="false">
  <!-- 对话框内容 -->
</el-dialog>

在上面的代码中，将Dialog组件的border属性设置为false，即可去除黑色边框。

elementui dialog 不显示右上角的关闭图标

Element UI 的 Dialog 组件默认会有一个右上角的关闭按钮，如果你发现这个图标不见了，可能是以下几个原因：

1. 配置问题：检查你在组件中是否正确设置了 `close-on-click-modal` 属性，如果设置为 `false`，可能会隐藏关闭按钮。你可以将其改为 `true` 来恢复默认行为。

<el-dialog close-on-click-modal="true">
   <!-- your content here -->
</el-dialog>

2. 样式覆盖：有可能是你无意间修改了 Element UI 的样式，导致关闭图标被隐藏在某个 CSS 规则里。检查一下是否有针对 `.el-dialog__close` 或者 `.el-dialog` 类的样式覆盖。

3. 特殊情况：在某些定制主题或者特殊布局下，Element UI 可能对默认样式进行了调整。确认是否有相关的定制代码影响到了关闭图标。

4. 组件版本问题：如果是使用了较低版本的 Element UI，某些功能可能还未完全实现或存在 bug。更新到最新版可能可以解决问题。