elememt ui 组件 dialog使用备忘

Posted dingwen_blog

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了elememt ui 组件 dialog使用备忘相关的知识,希望对你有一定的参考价值。

1. 多层嵌套dialog遮罩

1.1 描述

当有多层dialog嵌套时,弹出新层dialog会出现灰色遮罩的问题。

1.2 解决(子dialog中)

<el-dialog append-to-body>
  <div>内容</div>
</el-dialog>

2. 鼠标移除dialog点击不关闭

<el-dialog :visible.sync="dialogFormVisible" :close-on-click-modal="false"></el-dialog>

以上是关于elememt ui 组件 dialog使用备忘的主要内容,如果未能解决你的问题,请参考以下文章

element ui dialog 父子组件传值

更改element-ui dialog 遮罩层的透明度

FMXUI - UI.Dialog 示例(比较漂亮)

封装element-ui的dialog组件

Reactjs Material UI如何为Dialog组件设置较低的z-index

Element-ui关于form表单的踩坑