element-ui dialog遮罩层在最上层，关掉dialog遮罩层还在

代码中使用了dialog，dialog中点击某个按钮，又嵌套了一个dialog。

导致最外层的dialog出现后一直被遮罩层遮住，点击确定关掉dialog遮罩层还在。

element-ui的dialog组件有这几个参数：

其中，append-to-body 嵌套的dialog必须指定为true

    <el-dialog :visible.sync="item.track_check.logcheck" :append-to-body="true"title="log查看">

加上后，遮罩层不再遮挡上层

element-ui dialog遮罩层在最上层，关掉dialog遮罩层还在相关推荐

Vue + Bootstrap|Element UI——模态框被遮罩层遮盖问题解决方案
问题描述问题分析 1)若dialog弹出框,它的遮罩层就会被插入到body标签下(即与组件所在的最外层div同一层级) Element UI中设置了modal-append-to-body='tru ...
element ui 弹出组件的遮罩层在弹出层的上面的解决方法
element ui 弹出组件的遮罩层在弹出层的上面的解决方法参考文章: (1)element ui 弹出组件的遮罩层在弹出层的上面的解决方法 (2)https://www.cnblogs.com/ ...
element ui 弹出网页像layui弹出url一样 iframe element ui 弹出层嵌入网页
element ui 弹出层嵌入网页 <template><div id="app"><img src="./assets/logo.png ...
【前端】Vue+Element UI案例：通用后台管理系统-用户管理：Form表单填写、Dialog对话框弹出
文章目录目标代码 0.页面结构 1.新增按钮和弹出表单:结构 2.新增按钮和弹出表单:点击新增弹出表单 3.表单样式 4.表单验证 5.表单的提交和取消功能:接口.mock相关准备 6.表单的提交 ...
vue自定义弹窗dialog，vue 点击遮罩层功能区以外的地方关闭遮罩层
vue自定义弹窗dialog,vue 点击遮罩层功能区以外的地方关闭遮罩层 1.示例展示 2.代码 <template><div class="content"& ...
Element UI Dialog 对话框改成固定高度，超出部分滚动条滚动
问题描述 elememt ui 中的el-dialog对话框如果内容过多高度会被无限拉长.要将其设置成固定高度,此处我设置的是页面总高度的80%,内容过多时在对话框内出现滚动条.但是这样设置会造成高度 ...
element UI dialog点击dialog区域外会关闭dialog
需求描述今天,在做Element+Vue项目时遇到一个需求:甲方要求在Dialog打开状态下,点击该Dialog以外的区域会导致该Dialog关闭:正确的状态应该是只有在点击关闭按钮,或者是Dial ...
element ui 基本操作
系列文章目录提示:这里可以添加系列文章的所有文章的目录,目录需要自己手动添加例如:第一章 Python 机器学习入门之pandas的使用提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮 ...
Element UI _ 疑难杂症
目录 Icon 图标 Button 按钮 Input 输入框 Select 选择器 DatePicker 日期选择器 Table 表格 Pagination 分页 Descriptions 描述列表 ...

element-ui dialog遮罩层在最上层，关掉dialog遮罩层还在

element-ui dialog遮罩层在最上层，关掉dialog遮罩层还在相关推荐

最新文章

热门文章