写登陆页时遇到了个问题,我的登录页是直接用dialog对话框进行展示的,然后我发现此时使用ElMessage并不能触发消息提示(实际上dom加载了,但是并未显示).
我在网上查找了许多解决方法,第一个说是z-index层级的问题,我立马回去修改了两者的层级关系,发现并未能解决问题.
第二个说法是要写在全局样式里面,我照做了,没有解决.
后来我开始怀疑是否是ElMessage是否正常触发,于是我在首页随便加了一个点击事件,发现确实有消息弹出框,此时,我在登陆页面中继续尝试,奇怪的是,ElMessage的消息提示框正常显示了.
当我以为功能正常的时候,我回去删除掉了原本用来测试的ElMessage功能是否正常的代码,当我再次进行登录页面操作的时候,却发现问题再次出现.
于是,我观察到了测试代码对后续功能的影响,只要代码存在,不管触发与否,后面消息提示框都会在对话框触发的时候正常显示.
同时我发现,测试用的代码写在对话框组件里面并没有使得情况改变,但是只要写在父组件或者祖先组件中,都会解决我遇到的问题.
虽然我根本搞不明白解决的原理,但好在问题解决了.如果有懂的大佬,能否为我解答疑问?也希望我的这次记录能够帮到遇到同样问题的网友们.