问题描述：使用element ui 中的Dialog组件时，弹框出现灰色遮罩，点击弹出弹框按钮时，会显示弹框，但是不会高亮，还需要在点击一次弹框区域才会高亮，如下图：
官方文档解决方法如下图(官网地址：https://element.eleme.cn/#/zh-CN/component/dialog)，里面提供了一个append-to-body的属性，Dialog 自身是否插入至 body 元素上。嵌套的 Dialog 必须指定该属性并赋值为 true，默认值为false：文章来源：https://www.toymoban.com/news/detail-629683.html
解决方法：
在el-dialog标签上添加一个 :append-to-body=“true”文章来源地址https://www.toymoban.com/news/detail-629683.html
<el-dialog title="添加信息" :visible.sync="dialogFormVisible" :append-to-body="true">
到了这里，关于vue 使用Dialog对话框使用过程中出现灰色遮罩问题的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
