vue dialog的蒙层问题

最新推荐文章于 2025-03-25 00:52:07 发布

心黑红卜萝

最新推荐文章于 2025-03-25 00:52:07 发布

阅读量1.9k

点赞数 1

分类专栏： vue element 文章标签： vue

本文链接：https://blog.youkuaiyun.com/quKbin/article/details/83141137

版权

vue 同时被 2 个专栏收录

14 篇文章

订阅专栏

element

8 篇文章

订阅专栏

本文介绍如何解决Element UI中嵌套dialog时出现的灰色蒙层问题，只需添加一行代码即可取消不需要的蒙层，提升用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//有时候我们的dialog中会再嵌套一个dailaog 经常会出现一个灰色的蒙层需要再点一下蒙层才会消失
//其实就一句代码

:append-to-body="true"
                                                   //这样就能取消蒙层了
<el-dialog :visible.sync="dialog.picPreview.show" :append-to-body="true">
  <img :src="dialog.picPreview.picSrc" class="img-preview" />
</el-dialog>