加载动画火狐实现效果问题

Question

vue添加加载动画时打开页面时进行加载动画然后进入页面之后又出现加载动画再进入页面正常展示

.onloading {

        text-align: center;

        /*padding-top: 10%;*/

        display: block;

      }

<div id="app">

      <div class="onloading" >

        <img src="static/loading.gif">

      </div>

    </div>

Answer 1

参考GPT和自己的思路：

根据你提供的代码，加载动画会在页面打开时显示，然后在页面加载完成之前隐藏。如果在页面加载完成后又出现了加载动画，那可能是因为页面需要加载更多的内容，比如使用了异步加载的组件或数据。你可以检查页面使用的组件和数据是否都已经加载完成，或者使用浏览器的开发者工具查看网络请求的情况，以确定页面是否已经完全加载完成。如果仍然无法解决问题，建议在 vue 的生命周期函数中加入相关的逻辑来实现加载动画的控制。