element-ui中Dialog使用时整个页面被添加了遮罩层的问题(添加modal-append-to-body="false")

本文转载自查看原文 2020-07-13 14:06 6142 element-ui相关

在使用element-ui中的dialog对话框时,我发现点击按钮让对话框显示时,它默认是给整个页面加上了遮罩层的效果,这个其实是不太友好的,我实际想看到的效果是对话框部分不需要遮罩,对话框以外的部分才需要加上遮罩.

后来研究了一下它的属性发现需要给它加上 modal-append-to-body="false" 才能达到我想要的效果.

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

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。