vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > element同时使用Drawer和Dialog出现多个遮罩

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

作者: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>

总结

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

您可能感兴趣的文章:
阅读全文