vue dialog的蒙层问题

原创于 2018-10-18 09:24:50 发布 · 1.9k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#vue

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>