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);
    },
相关推荐
明月_清风14 小时前
vLLM 深度实战:2026 年生产级 LLM 推理引擎完全指南
前端·后端·ai编程
风月说与山鬼14 小时前
七、uni-app页面与组件生命周期
前端·uni-app
绿岛之北14 小时前
Electron 安全第三章:URL 加载与 WebView
前端·electron
sunoo-22914 小时前
C 语言文件 IO 全攻略:从基础函数到实战踩坑(BMP 读取 + 词典查询)
linux·c语言·前端·笔记·vscode·学习
Shinner欣儿14 小时前
React18 并发渲染小记
前端
用户9210802628615 小时前
AI 对话里的消息时间线分页:上滑加载更多历史记忆的实现与坑点
前端
PedroQue9915 小时前
Vue-Router 2.4.0 新增可控重定向功能
前端·uni-app
阿萨德528号15 小时前
npm 包发布实战指南:从零发布、更新迭代到版本治理
前端·npm·策略模式
IT_陈寒15 小时前
Vue的v-for为啥把我的渲染顺序搞乱套了?
前端·人工智能·后端
sir.山16 小时前
在 Vue 3 项目中使用 Mock 数据
前端·vue.js·vue3·vite