element 的dialog弹出会被遮住,如何解决?

场景图:

element 的dialog弹出会被遮住,如何解决?

解决办法1:

在dialog上面写

<el-dialog :visible.sync="operateVisible" width="50%" top="5vh" append-to-body>

解决办法2:

<el-dialog :visible.sync="operateVisible" width="50%" top="5vh" :modal-append-to-body='false'>

参考文章:

  1. element 的dialog嵌套问题,第二次弹出的会被遮住,怎么解决?
  2. element-ui框架的el-dialog弹出框被遮罩层挡住了,vue-element-ui弹出框和el-select层级混乱