每当页面重新加载时，AOS 和 NUXT JS 中的动画块往往会消失

问题描述

我正在处理一个项目并使用 AOS 动画，但是每当我刷新页面时，所有带有动画的 div 块都会消失。我想在页面刷新时触发一个函数，以便我可以使用 AOS.refresh()。有没有办法在 nuxt.js 中做到这一点，或者有办法解决这个 AOS 错误？

更新： 这是一个示例，这是重新加载之前页面的外观：

然后在重新加载后：

如你所见。重装后仍然出现的元素是没有AOS动画的元素。

此外，如果您将注意力集中在侧边栏上，请注意我有一个主页。除了主页之外，这个问题几乎无处不在。当我进入主页然后我回到其他页面时，问题基本上消失了。

解决方法

不确定您的错误来自哪里，但到目前为止，库的主页实现了页面刷新时的动画。也许它在某个时候是生命周期代码问题。也许发布一些给我们帮助您调试这个。

据我所知，没有办法查看您的网页是否真的刷新了，因为在此之前没有任何与状态相关的内容。有时可能会用到的唯一有用的东西是 this.$router.history._startLocation，它将为您提供加载 web 应用程序的第一个路径。
不确定它是否可以帮助您。

此外，您可以试试这个 library in VueJS 并将其连接到 Nuxt。应该表现得差不多。