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

Question

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

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

然后重新加载后：

如你看到的。重新加载后仍然出现的元素是没有AOS动画的元素。

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

Answer 1

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

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

此外，您也许可以在 VueJS 中试一试这个库并将其连接到 Nuxt。应该表现得差不多。