[vue]打开el-dialog时上面覆盖了一层遮罩层

今天写页面的时候发现打开一个el-dialog时，上面覆盖了一层遮罩层，如下：

发现原因是el-dialog的父元素设置的position是absolute

解决办法：加上一行:append-to-body="true"

 

 参考 https://blog.csdn.net/yiyihuazi/article/details/105451821