Vue SPA 初次进入加载动画实现代码
作者：川大宝啊 时间：2023-07-02 16:56:25
在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
标签：Vue,SPA,加载动画
0
投稿猜你喜欢
怎么样才能设计出漂亮的网页?
2008-10-07 16:57:00
location.href 在IE6中不跳转的解决方法与推荐使用代码
2024-04-19 10:13:38
asp 根据IP地址自动判断转向分站的代码
2011-04-14 10:51:00
Python Django实现layui风格+django分页功能的例子
2023-10-07 00:04:28
纯CSS圆角框
2009-12-11 18:57:00
MSSQL2005数据附加失败报错3456解决办法
2012-11-30 19:56:59
Python文本终端GUI框架示例详细讲解
2021-05-19 22:47:12
python 使用百度AI接口进行人脸对比的步骤
2021-07-06 02:20:06
javascript在线游戏：找相同的图片
2008-03-12 12:18:00
JSP自定义标签Taglib实现过程重点总结
2024-03-15 23:49:46
深入理解Javascript中的观察者模式
2024-05-13 09:36:23
sqlserver获取各种形式的时间
2024-01-20 17:33:50
python中np.multiply()、np.dot()和星号(*)三种乘法运算的区别详解
2023-03-23 13:16:16
Python xlrd excel文件操作代码实例
2021-05-19 21:52:18
一个图片后加载的代码
2008-09-28 13:03:00
ThinkPHP框架下微信支付功能总结踩坑笔记
2024-05-02 17:13:41
python使用urllib2模块获取gravatar头像实例
2022-12-11 03:16:36
mysql 安全管理详情
2024-01-18 05:58:00
python pandas中的agg函数用法
2023-07-20 09:40:08
python实现中文文本分句的例子
2023-02-15 12:16:24