对话框被遮罩层挡住

创始人

2024-03-03 17:57:28

0次

element-ui

解决方法一：

在el-dialog中写去掉遮罩层 :modal="false"

解决方法二：

在el-dialog中写（遮罩层是否插入至 body 元素上，若为 false，则遮罩层会插入至 Dialog 的父元素上）

:modal-append-to-body="false"

解决方法三：

在el-dialog中写 (Dialog 自身是否插入至 body 元素上。嵌套的 Dialog 必须指定该属性并赋值为 true)

:append-to-body="true"

误区：需求在父页面新增一个弹窗，弹窗页面还能点击查看按钮再打开一个弹窗页面（三级页面）

（这是写在父页面里面的弹窗）

在子页面seriesActivity中还存在一个弹窗（只截图了一部分，下面是弹窗子页面）

当我点击查看的时候打开弹窗页面，遮罩层消失，这是正常的

而这个 :append-to-body="true" 用在父页面el-dialog中呢，还是子页面的el-dialog中呢

答案：写在子页面的el-dialog中

因为就算是写在子页面中也不生效，子页面的弹窗对应子页面的遮罩层。

上一篇：云原生主题学习月｜共同学习全球领先的亚马逊云科技云原生课程，组团共学拿奖励~

下一篇：傻白入门芯片设计，三大基本定律（十）

对话框被遮罩层挡住

element-ui

解决方法一：

在el-dialog中写去掉遮罩层 :modal="false"

解决方法二：

在el-dialog中写（遮罩层是否插入至 body 元素上，若为 false，则遮罩层会插入至 Dialog 的父元素上）

:modal-append-to-body="false"

解决方法三：

在el-dialog中写 (Dialog 自身是否插入至 body 元素上。嵌套的 Dialog 必须指定该属性并赋值为 true)

:append-to-body="true"

误区：需求在父页面新增一个弹窗，弹窗页面还能点击查看按钮再打开一个弹窗页面（三级页面）

（这是写在父页面里面的弹窗）

在子页面seriesActivity中还存在一个弹窗（只截图了一部分，下面是弹窗子页面）

当我点击查看的时候打开弹窗页面，遮罩层消失，这是正常的

而这个 :append-to-body="true" 用在父页面el-dialog中呢，还是子页面的el-dialog中呢

答案：写在子页面的el-dialog中

相关内容

热门资讯

对话框被遮罩层挡住

element-ui

解决方法一：

在el-dialog中写去掉遮罩层 :modal="false"

解决方法二：

在el-dialog中写（遮罩层是否插入至 body 元素上，若为 false，则遮罩层会插入至 Dialog 的父元素上）

:modal-append-to-body="false"

解决方法三：

在el-dialog中写 (Dialog 自身是否插入至 body 元素上。嵌套的 Dialog 必须指定该属性并赋值为 true)

:append-to-body="true"

误区：需求在父页面新增一个弹窗，弹窗页面还能点击查看按钮再打开一个弹窗页面（三级页面）

（这是写在父页面里面的弹窗）

在子页面seriesActivity中还存在一个弹窗（只截图了一部分，下面是弹窗子页面）

当我点击查看的时候打开弹窗页面，遮罩层消失，这是正常的

而这个 :append-to-body="true" 用在父页面el-dialog中呢 ，还是子页面的el-dialog中呢

答案：写在子页面的el-dialog中

相关内容

热门资讯

而这个 :append-to-body="true" 用在父页面el-dialog中呢，还是子页面的el-dialog中呢