element-ui Message消息提示第二次才会出现_element的消息提示框第一次不生效第二次生效

作者：知新_RL | 2024-02-18 04:48:16

踩

element的消息提示框第一次不生效第二次生效

原因：el-dialog内嵌套message导致的

el-dialog弹窗默认的z-index是2000，而Message提示语默认的z-index也是2000。

这两个组件弹出的z-index都会递增，所以Message消息提示第二次才会出现

所以在el-dialog弹窗第一次调message时，因为z-index的层级一致，所以Message未出现，第二次递增为2001时才出现。

解决方法：设置dialog的z-index值小于2000，避免影响Message的弹出


<el-dialog
    title="提示"
    :visible.sync="dialogVisble"
    z-index="1000">
</el-dialog>

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/知新_RL/article/detail/104875