使用element-ui出现的问题——loading加载被弹窗遮挡

正常显示如下图:

loading加载被弹窗遮挡如下图:
使用element-ui出现的问题——loading加载被弹窗遮挡_第1张图片

网上搜了很多的文章,尝试了很多的方法,有说在弹出层上面添加opend方法,在这个方法里面调用接口,试过无效,还有的说在setTimeout里面调用请求,依旧不行,最后用了如下简单粗暴的方式解决了。

解决以上问题代码如下:
使用element-ui出现的问题——loading加载被弹窗遮挡_第2张图片

// 解决bug loading显示在弹窗下面!!!!
  setTimeout(() => {
     this.$nextTick(() => {
       document.querySelector(".el-loading-mask").style.zIndex = "999999";
     });
   });

你可能感兴趣的:(vue,element,ui,vue.js,前端)