vue项目未加载完成前显示loading...-白红宇

vue项目未加载完成前显示loading...

阅读量：6330 次

发布时间：2019-06-22

本文共 477 字，大约阅读时间需要 1 分钟。

1.在Index.html里面加入loading的元素，让loading元素显示，让app元素隐藏

2.在App.vue中加入：加载完成之后，让loading隐藏，让app元素显示

mounted(){        document.getElementById('app').style.display = 'block';        document.getElementById('appLoading').style.display = 'none'; }

3. 原理

在文档开始加载的时候显示loading

在js加载完毕后，显示app

转载于:https://www.cnblogs.com/cengjingdeshuige/p/10038621.html

你可能感兴趣的文章

CentOS5 MySQL优化

查看>>

在Codeigniter框架中使用NuSOAP

android studio git 学习笔记

查看>>

python 字符串逆序输出

查看>>

Hyper-V在windows2008 R2中的部署及使用

查看>>

从http请求的Body中获取参数

查看>>

Android Studio 中 gradle 构建堆栈空间不足

查看>>

如何使用SonarQube Scanner扫描器对代码进行扫描

烂泥：高负载均衡学习haproxy之关键词介绍