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);
    },
相关推荐
前端架构师-老李7 分钟前
React 中 useCallback 的基本使用和原理解析
前端·react.js·前端框架
木易 士心37 分钟前
CSS 中 `data-status` 的使用详解
前端·css
明月与玄武40 分钟前
前端缓存战争:回车与刷新按钮的终极对决!
前端·缓存·回车 vs 点击刷新
牧马少女1 小时前
css 画一个圆角渐变色边框
前端·css
zy happy1 小时前
RuoyiApp 在vuex,state存储nickname vue2
前端·javascript·小程序·uni-app·vue·ruoyi
小雨青年1 小时前
Cursor 项目实战:AI播客策划助手(二)—— 多轮交互打磨播客文案的技术实现与实践
前端·人工智能·状态模式·交互
Nan_Shu_6142 小时前
学习:JavaScript(5)
开发语言·javascript·学习
533_2 小时前
[vue3] h函数,阻止事件冒泡
javascript·vue.js·elementui
通往曙光的路上2 小时前
day22_用户授权 头像上传
javascript·vue.js·ecmascript
小光学长2 小时前
基于Vue的儿童手工创意店管理系统as8celp7(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。
前端·数据库·vue.js