elementUI中dialog出现冲突，遮罩层直接全黑解决方法

在使用饿了么组件中的dialog时，由于多个路由组件之间的嵌套出现了一种情况

点击弹出dialog的时候会出现这种情况，如上图。
搜了有博主的解决方法，原博主内容，特此记录一下。

//使用:model="false"消除开始绑定的内容
//在el-dialog中添加类名，手动写一个伪遮罩层
 <el-dialog title="收货地址" :visible.sync="dialogTableVisible" class="thisblack-bgc">
      <el-table :data="gridData">
        <el-table-column property="createTime" label="时间" width="150" />
        <el-table-column property="description" label="消息" width="200" />
        <el-table-column property="detail" label="详细" />
      </el-table>
      
    </el-dialog>
<style>
.thisblack-bgc {
  background-color: rgba(0, 0, 0, 0.5);
}
</style>