关于element同时使用Drawer和Dialog出现多个遮罩问题

更新时间：2024年07月24日 15:13:13 作者：liuxi_happy

这篇文章主要介绍了关于element同时使用Drawer和Dialog出现多个遮罩问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

element同时使用Drawer和Dialog出现多个遮罩

如果我们正使用drawer的同时又使用了dialog就会出现多个遮罩层，我们只需要在dialog上加一个属性 modal-append-to-body=“false” 就可以解决

<el-dialog 
    title="新增" 
    :modal-append-to-body="false" >
</el-dialog>

如果我们出现多个遮罩，那么我们需要在dialog上添加append-to-body属性

<el-dialog 
    title="新增" 
    append-to-body >
</el-dialog>

＜el-drawer＞中在添加弹窗，遮罩层被覆盖

添加这个属性

<el-dialog :append-to-body="true"> </el-dialog>

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

Vue实现图片轮播组件思路及实例解析
这篇文章主要介绍了Vue实现图片轮播组件思路及实例解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2020-05-05
vue3中的对象时为proxy对象如何获取值(两种方式)
使用vue3.0时，因为底层是使用proxy进行代理的所以当我们打印一些值得时候是proxy代理之后的是Proxy<BR>对象，Proxy对象里边的[[Target]]才是真实的对象，那么如何获取这个值呢，下面下面给大家介绍两种方式，感兴趣的朋友一起看看吧
2023-01-01
详解vue-cli中使用rem,vue自适应
这篇文章主要介绍了vue-cli使用rem,vue自适应，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-05-05
Vue中使用eslint和prettier格式化代码方式
这篇文章主要介绍了Vue中使用eslint和prettier格式化代码方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
2023-10-10
前端XSS攻击场景详解与Vue.js处理XSS的方法(vue-xss)
这篇文章主要给大家介绍了关于前端XSS攻击场景与Vue.js使用vue-xss处理XSS的方法,介绍了实际工作中渲染数据时遇到XSS攻击时的防范措施,以及解决方案,需要的朋友可以参考下
2024-02-02
Hooks对于Vue作用意义详解
这篇文章主要为大家介绍了Hooks对于Vue作用意义详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-06-06
详解vue-router数据加载与缓存使用总结
这篇文章主要介绍了详解vue-router数据加载与缓存使用总结，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-10-10
vue如何还原data中数据-重置
这篇文章主要介绍了vue如何还原data中数据-重置问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2023-05-05
Vue Getters和mapGetters的原理及使用示例详解
Vuex的核心概念包括state、mutations、actions、getters和modules,今天,我们要深入探讨其中一个关键部分：getters,以及它的相关辅助函数mapGetters,感兴趣的朋友跟随小编一起看看吧
2024-08-08
详解在Vue中使用TypeScript的一些思考(实践)
这篇文章主要介绍了详解在Vue中使用TypeScript的一些思考(实践)，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-07-07