关于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中三元表达式的相关资料,众所周知三元表达式用来根据参数的不同执行不同的代码是很方便的,需要的朋友可以参考下
2023-09-09
Vue按需加载的具体实现
本篇文章主要介绍了Vue按需加载的具体实现，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-12-12
vue npm install 安装某个指定的版本操作
这篇文章主要介绍了vue npm install 安装某个指定的版本操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2020-08-08
Vue3.0监听器watch与watchEffect详解
在 Vue 3 中,watch 仍然是一种用于监听数据变化并执行相应操作的方式,不过在组合式 API 中,watch 的使用方式与选项式 API 略有不同,这篇文章主要介绍了Vue3.0监听器watch与watchEffect,需要的朋友可以参考下
2023-12-12
vue踩坑记录:属性报undefined错误问题
这篇文章主要介绍了vue踩坑记录:属性报undefined错误问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-04-04
Nginx部署前端Vue项目的步骤、常见问题与解决方案
在现代Web开发中,Vue.js成为前端开发者构建单页应用的热门框架,Nginx以其高性能和稳定性,成为部署Vue项目的理想选择,这篇文章主要介绍了Nginx部署前端Vue项目的步骤、常见问题与解决方案,需要的朋友可以参考下
2024-09-09
vue实现div可拖动位置也可改变盒子大小的原理
这篇文章主要介绍了vue实现div可拖动位置也可改变盒子大小，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
2020-09-09
在Vue项目中使用Typescript的实现
这篇文章主要介绍了在Vue项目中使用Typescript的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-12-12
详解在Vue中如何使用provide与inject
在vue2.0里面provide与inject是以选项式(配置)API的方式在组件中进行使用的,解决的是跨组件(祖孙)间通信的一种方式，本文就来聊聊它们在Vue中具体的使用吧
2023-03-03
一文详解vue3 watchEffect监听的各种姿势用法
watchEffect 会自动追踪在其回调函数中使用的所有响应式依赖,无需显式指定数据源,本文将为大家总结一下vue3 watchEffect监听的各种用法,有需要的可以了解下
2026-03-03