Vue SPA 初次进入加载动画实现代码
作者：川大宝啊 发布时间：2023-07-02 16:56:25
标签：Vue,SPA,加载动画
在app挂载的div同级处写一个加载动画，例如：
<body class="font-hei">
<div class="wrap" id="loader">
<div>
<div class="mult2rect mult2rect1"></div>
<div class="mult2rect mult2rect2"></div>
<div class="mult2rect mult2rect3"></div>
<div class="mult2rect mult2rect4"></div>
<div class="mult2rect mult2rect5"></div>
</div>
</div>
<div id="app" style="min-height: 100vh"></div>
加载完成后，在App.vue的钩子函数内移除这个div。
created: function() {
document.body.removeChild(document.getElementById('loader'));
}
来源：https://blog.csdn.net/qq_31740027/article/details/81605428
0
投稿猜你喜欢
- 实例如下：/** * 数字格式转换成千分位 *@param{Object}num */function commafy(num){ &nbs
- 一、Tornado简介Tornado是一个使用Python编写的高效、非阻塞的web服务器软件和网络库。它被设计用于处理数以千计的并发连接，
编写一个程序，能在当前目录以及当前目录的所有子目录下查找文件名包含指定字符串的文件，并打印出绝对路径。import osclass Sear- 之前刚开始做爬虫的时候遇到过登录验证码问题，看过很多帖子都没有解决我的问题，发现大多数帖子都是治标不治本，于是想分享一下自己的解决方案。本次
- 0. dockerfile命令FROM # 基础镜像，一切从这里开始构建MAINTAINER # 镜像是谁写的，姓名+邮箱RUN# 镜像构建
- 前阵子刚完成一个B/S架构的学校办公系统，体会就是表太多，文件太多，而每个文件中类似的操作（代码）也太多了，例如学生信息和教师信息操作，st
- 正常的页面跳转的api大家应该都清楚，但是涉及到多页面来回跳转以及返回到导航页的时候就需要一些技巧来进行处理，之前找了挺多文章也没有很详细的
- Nodejs 连接 mysql时报Error: Cannot enqueue Query after fatal error错误的处理办法一
- 背景在业务数据统计分析中基本都会涉及到各省区的分析，数据可视化是数据分析的一把利器，这些省区的数据一般会用地图可视化出来，这样一些规律可以被
- 1.在pycham官网下载安装软件https://www.jetbrains.com/pycharm/download/2.我下载的是64位
- 游戏介绍先看看界面这是一个拼图游戏，可以自选难度和自选闯关图片游戏开始后根据不同难度，生成与所选主图 对应的 不同张数的 随机顺序的小图，然
- 本文实例讲述了Python使用matplotlib和pandas实现的画图操作。分享给大家供大家参考，具体如下：画图在工作再所难免，尤其在做
- 例如，当前网页中的url为https://www.baidu.com?a=111&b=222想要获取url中的a,b参数，代码如下：
- 损失函数通过torch.nn包实现，1 基本用法criterion = LossCriterion() #构造函数有自己的参数loss =
- 本文实例为大家分享了Python实现计算器功能示例代码，供大家参考，具体内容如下1.简单计算器#计算一个表达式的时候，首先肯定是先算括号里面
- 删除一，你可以先把类型为varchar的字段该名，再加以个字段为要该为date的字段名相同，二，1，测试表create table TEST
- 本文实例讲述了python实现堆栈与队列的方法。分享给大家供大家参考。具体分析如下：1、python实现堆栈，可先将Stack类写入文件st
- 首先忠心感谢凌宇5942给我的帮助！在他的启迪下我发现了另一种实现flash透明背景的办法，愿与大家共同探讨：凌宇5942告知的解决办法：在
- 本文实例讲述了php文件缓存类用法。分享给大家供大家参考。具体如下：<?php/** * 简单的文件缓存类 * */class XZC
- 成天都要与样式打交道的朋友，相信对CSS选择符(CSS Selectors)都不会陌生。不过对于刚接触或者还不是很熟悉css的朋友来说，能够
