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

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

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