el-dialog单独抽离出去放到一个vue文件当中，在子组件的里面进行引用，会出现遮罩层只能出现在子组件，但是子组件的父组件区域没有遮罩层，于是使用append-to-body，此时可以遮罩整个页面，但是之前修改的dialog样式不生效了，使用::v-deep 或者去除scoped都不行 ，查看代码发现是因为把dialog直接添加到body下面，需要在主文件当中修改，但是这样的话整个项目中的dialog都会被修改，需求为只需要修改当前页面的dialog样式。

最后研究文档，通过动态设置添加到父级来使用，在父组件当中设置当前dialog的样式，

append-to中的最后一项为父级类名，通过这样的方式可以在多层组件嵌套的时候去修改dialog的样式，并且遮罩层覆盖全屏