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);
    },
相关推荐
无糖可可果几秒前
从"查字典"到"写 Prompt":奇妙学习之旅
javascript
7yue3 分钟前
我用 AI 把 Learn Claude Code 改写成了 TypeScript + 代数效应版本
前端
云宝大王4 分钟前
JavaScript 异步编程:从回调到探索 Promise的秘密
前端·javascript
daols884 分钟前
vxe-table 进阶:同时使用 formatter 与 cell-render 实现格式化与样式定制
前端·javascript·vue.js·vxe-table
用户059540174464 分钟前
用LangChain+FastAPI构建私有知识库踩坑实录:这3个问题让我排查了整整8小时
前端·css
Momo__4 分钟前
CSS View Transitions 新语法:sibling-index() + ident(),千级元素命名难题的终局方案
前端·css
前端张三14 分钟前
ant design vue table 使用虚拟滚动
前端·javascript·vue.js
木子雨廷17 分钟前
Flutter 内存管理实战:从 GC 原理到 DevTools 泄漏排查
前端·flutter
Rkgua19 分钟前
TS中`Function`、`CallableFunction` 和 `NewableFunction`的函数区别
前端
Asize20 分钟前
重生之我在 Vibe Coding 时代当程序员:第十一课,JS底层 :变量提升真相
前端·javascript