有没有办法挂钩到 Nuxt 中的页面重新加载？

Question

我遇到一个问题，每次用户重新加载页面时我都需要调用一个函数。通常这只需在 App.vue 上使用创建的挂钩就可以工作，但由于该项目自动生成基本组件，我无法在此处执行此操作。

我不想在用户在路由之间导航时调用此函数，仅当页面为 reloaded/refreshed。

Answer 1

我认为你在这里没有太多选择，据我所知，因为我们只能从浏览器中知道页面已经刷新，这意味着你需要找到一个跨浏览器的解决方案.

Vue方式：但是你可以让这个组件保持活动状态，并在创建的钩子中执行你的代码，而路由更改时应该执行的代码在路由更改钩子中执行（beforeRouteEnter，等等）。

JS方式：我想PerformanceNavigationTiming API is the right what you need. Here你可以找到这个方法的详细描述。

P.S。 - 注意浏览器支持，很多人用苹果设备。

Answer 2

您可以在默认布局的 beforeMount() 中调用它。