【解决】el-message消息弹框的显示被el-dialog覆盖(z-index导致)

  • Post author:
  • Post category:其他



方案一:

设置el-message的z-index为更大值即可。

// to fix el-message弹框被el-dialog覆盖的问题。
.el-message {
  z-index: 99999999 !important;
}


方案二:

设置el-dialog的z-index为较小值即可。

<!--【close-on-click-modal】:点击空白处是否关闭弹框; -->
<el-dialog 
    :title="title" 
    :visible.sync="visible" 
    width="35%"
    z-index="1000"
    :destroy-on-close="true" 
    :close-on-click-modal="false" 
    :show-close="!loading" 
    :before-close="closeDg">
</el-dialog>



版权声明:本文为qq_38969618原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。