elementUI全屏loading的使用(白屏的解决方案)

官网中有使用方法,但是我实际上手之后会出现白屏,解决办法如下:

javascript 复制代码
    <el-button type="text" size="small" @click="delRow(scope)">    
        删除
    </el-button>



      loading: false, // loading 动画
      loadingInstance: null,



  delRow(row) {
      this.loading = true;
      this.$nextTick(() => {
        const target = document.querySelector(".el-dialog__body");
        let options = {
          lock: true,
          text: "重新绘制中...",
          spinner: "el-icon-loading",
          background: "rgba(0, 0, 0, 0.7)",
        };
        this.loadingInstance = this.$loading(options, target);
      });
      setTimeout(() => {
        this.loading = false;
        this.loadingInstance.close();

        // 业务代码 ...
      }, 500);
    },
相关推荐
秋月霜风12 分钟前
Web爬虫应用功能及需求设计
前端·爬虫·python
蜡笔小新星24 分钟前
前端框架对比和选择
前端·javascript·vue.js·经验分享·学习·前端框架
一直在学习的小白~38 分钟前
中间添加一条可以拖拽的分界线,来动态调整两个模块的宽度
前端·javascript·react.js
此白非彼白`43 分钟前
vue使用PDF.JS踩的坑--部署到服务器上显示pdf.mjs viewer.mjs找不到资源
javascript·vue.js·pdf·asp.net
&木头人&1 小时前
layui upload.render 设置文件名
前端·javascript·layui
ZZZCY20031 小时前
路由基础--路由引入
服务器·前端·tcp/ip
L_言覃1 小时前
告别拖延症,制作自己的专属任务清单
前端
倔强的石头1061 小时前
【C++指南】inline内联函数详解
java·前端·c++
L_言覃1 小时前
你生活中有被瀑布流拿捏了嘛???
前端
小鹿( ﹡ˆoˆ﹡ )1 小时前
Python中的“打开与关闭文件”:从入门到精通
linux·前端·python