Nuxt.js：在页面更改时触发客户端脚本答案

【问题标题】：Nuxt.js: Trigger client side script on page changeNuxt.js：在页面更改时触发客户端脚本
【发布时间】：2020-12-03 19:52:30
【问题描述】：

我有一段客户端脚本，它是静态 HTML 模板的一部分，它在页面加载时在页面上构建元素。它在初始应用加载时可以正常加载，但是当您使用 nuxt-link 组件导航到其他页面时，它不会再次运行该脚本。

window.onNuxtReady((app) => {
  console.log('Nuxt ready!');
});

目前我正在使用间隔函数每秒运行一次脚本，但它不能完全运行。

setInterval(function(){
  mr.documentReady($); // A big function including a load a script, and jQuery is passed in.
}, 1000);

我在 Turbolinks on Rails 应用程序中遇到过这种情况，但有 .on('page:load',... 作为回调。是否有类似的回调来使用 Nuxt 的客户端？

正在从插件文件夹加载相关脚本。

【问题讨论】：

标签： nuxt.js

【解决方案1】：

您可以使用 beforeRouteEnter、beforeRouteUpdate、beforeRouteEnter 之一

喜欢下面的链接：

【讨论】：