如何解决Nuxt.js:在页面更改时触发客户端脚本
我有一个客户端脚本,它是静态HTML模板的一部分,该模板在页面加载时构建页面上的元素。可以在初始应用加载时很好地加载,但是当您使用nuxt-link
组件导航到另一个页面时,它不会再次运行该脚本。
window.onNuxtReady((app) => {
console.log('Nuxt ready!');
});
目前,我正在使用interval函数每秒运行一次脚本,但是无法完全正常工作。
setInterval(function(){
mr.documentReady($); // A big function including a load a script,and jQuery is passed in.
},1000);
我已经在Rails应用程序的Turbolinks上体验到了这一点,但是有.on('page:load',...
作为回调。是否有类似的回调可将客户端用于Nuxt?
有问题的脚本是从plugins文件夹中加载的。
解决方法
您可以使用beforeRouteEnter,beforeRouteUpdate,beforeRouteEnter之一
喜欢下面的链接:
https://router.vuejs.org/guide/advanced/navigation-guards.html#in-component-guards
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。