首先我们看一下下面的表格,如果你也出现了以下类似的情况,请往下看:
非正常页面 | 正常页面 |
框架:Vue 2.6.11
UI组件库:Element UI 2.15.6
此处使用的组件:ELDrawer,ELLoading
如果你也是给 ELDrawer 或者ElDialog 中的某个元素添加了 v-loading 的指令,请尝试移除掉元素上的 v-loading 指令
推测原因:Element UI 的 v-loading 指令,会更改元素的 zIndex 层级,明明 dom 元素已经渲染了,但结果却是不显示,这时候如果你去双击页面或者进行一些其他的鼠标操作,zIndex 层级有可能会回正,显示又正常了