Vue SPA 初次进入加载动画实现代码
时间：2021-01-17 14:07:23|栏目：vue|点击： 次
在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'));
}
上一篇：VUE2.0+Element-UI+Echarts封装的组件实例
栏 目：vue
下一篇：vue-music 使用better-scroll遇到轮播图不能自动轮播问题
本文标题：Vue SPA 初次进入加载动画实现代码
本文地址：http://www.codeinn.net/misctech/46547.html
