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

这篇具有很好参考价值的文章主要介绍了elementUI全屏loading的使用(白屏的解决方案)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

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

 elementUI全屏loading的使用(白屏的解决方案),后台管理系统,elementui,前端,javascript文章来源地址https://www.toymoban.com/news/detail-623560.html

    <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);
    },

到了这里,关于elementUI全屏loading的使用(白屏的解决方案)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包赞助服务器费用

相关文章

  • 解决Mac系统android monitor启动时卡住,显示白屏的问题

    解决Mac系统android monitor启动时卡住,显示白屏的问题

    清安装1.8版本的jdk,java1.8版本以上不支持android monitor;如果你电脑上安装有java 11等高级别的版本,请自行搜索,如果在mac上安装多jdk,以及如何切换到1.8版本上 请更新SWT插件,下载地址; 1.打开网页,点击4.9 跳转到另外的网页  2.跳转到的网页如下所示意   3. 点击下载此版

    2024年02月12日
    浏览(11)
  • 【VUE】解决VU2项目图片视频加载缓慢/首屏加载白屏的问题

    【VUE】解决VU2项目图片视频加载缓慢/首屏加载白屏的问题

    前端项目中,有时候会出现图片视频加载缓慢、首屏加载白屏的问题 之前写了一篇在VU3项目中的解决方案, 现在讲一下在 Vue2 项目中的解决方法,方法思路都差不多,在代码示例上会有一些小差别 通常是由以下原因导致的: 图片或视频格式不当 :如果图片或视频格式选择

    2024年02月16日
    浏览(10)
  • DedeCMS不支持PHP5.3、5.4及以上版本后台500错误白屏的解决方法

    今天把系统换成了windows server 2008 r2 同时将PHP环境提升至PHP5.5版本,测试PHPinfo的时候一点问题都没有,但是登陆dede后台却显示500错误,这应该怎么解决呢?百度了一下发现dede不支持PHP5.3、PHP5.4及以上版本了,主要原为是php5.4的版本废除了session_register函数 可以采用如$_SESSIO

    2023年04月21日
    浏览(10)
  • Flutter——启动页白屏的优化

    Flutter——启动页白屏的优化

    flutter启动页白屏的优化:使用图片替代白屏 结构图 核心的代码如上图,修改两个launch_background.xml里的代码为: @mipmap/ic_launcher为你想要显示的图片 其他的优化方式: 1. 减少启动页的内容:可以将启动页的内容尽量简化,只保留必要的元素,减少绘制的内容,从而提高启动速

    2024年02月07日
    浏览(14)
  • 包括edge,Chrome,火狐、百度,360等浏览器怎么全屏_如何在Microsoft Edge中启用和禁用全屏模式以及解决浏览器无法开启或关闭全屏的问题

    包括edge,Chrome,火狐、百度,360等浏览器怎么全屏_如何在Microsoft Edge中启用和禁用全屏模式以及解决浏览器无法开启或关闭全屏的问题

    我们经常访问 Chrome 、 edge 、百度、360等浏览器,但时常在查找资料时想截图保存,但有部分数据无法截全,如下图所示: 像 Write a Python docstring 下面的数据无法截取到,此时,我们就需要全屏截取,如下图所示: 那么,我们在主流浏览器 (edge,Google Chrome和Mozilla Firefox)

    2024年02月08日
    浏览(46)
  • 破解版IDM导致电脑反复闪屏的解决方案

    破解版IDM导致电脑反复闪屏的解决方案

    概括: 进入安全模式,卸载IDM,结束 在使用IDM(Internet Download Manager)的破解版下载文件时 突然电脑闪屏 ,无法可以打开任务管理器,但是关闭IDM进程无效,而且 重启后电脑依然闪屏,无法进入开始菜单 原先遇到过一次类似问题,本以为是别的原因造成的,在重装系统后才发

    2024年02月09日
    浏览(18)
  • 电脑启动后出现白屏问题的可能原因及解决方案

    电脑开机后出现白屏问题是一种常见的故障,可能由多种原因引起。在本文中,我将介绍一些可能的原因,并提供相应的解决方案,以帮助您解决这个问题。 显示器故障:首先,检查显示器是否正常工作。可以尝试连接另一个显示器或电视,看看是否仍然出现白屏问题。如果

    2024年02月04日
    浏览(12)
  • Vue首屏加载过慢出现白屏的六种优化方案

    Vue首屏加载过慢出现白屏的六种优化方案

    公司业务展示官网开发,构建版本后在测试环境下,发下首屏加载损耗高达几十秒(服务器在国外,所以也导致加载时间变长),于是采用了以下方法来达到提速目的。  路由懒加载和组件懒加载:const One = ()=import(\\\"./one\\\"); 图片懒加载:使用vue-lazyload插件 gizp压缩是一种http请

    2023年04月10日
    浏览(13)
  • Android问题笔记 - 解决WebView白屏空白的九种方案,AutoSize?

    Android问题笔记 - 解决WebView白屏空白的九种方案,AutoSize?

    专栏分享 点击跳转=Unity3D特效百例 点击跳转=案例项目实战源码 点击跳转=游戏脚本-辅助自动化 点击跳转=Android控件全解手册 点击跳转=Scratch编程案例 点击跳转=软考全系列 众所周知,人生是一个漫长的流程,不断 克服困难 ,不断反思前进的过程。在这个过程中会产生很多对

    2024年02月06日
    浏览(11)
  • ubuntu20.04安装NVIDIA显卡以及重启黑屏的一种解决方案

    ubuntu20.04安装NVIDIA显卡以及重启黑屏的一种解决方案

    问题描述: 安装ubuntu20.04后,安装微软浏览器edge会出现打不开、卡顿等情况,而且不支持扩展屏幕 原因分析:考虑是ubuntu自带的gdm3显卡驱动不兼容导致 解决方案:网上有很多使用终端安装NVIDIA显卡的教程,亲自踩了好多坑后,找到一种简单的安装方案: 首先在终端输入:

    2024年02月04日
    浏览(13)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包