如何解决window.addEventListener'load',event=> {...};在NuxtLinknuxt-link或RouterLinkrouter-link上单击
我将使用最简单的示例来解释我的意思。
window.addEventListener('load',(event) => {
console.log('page is fully loaded');
});
首次加载页面时,客户端控制台会记录“页面已完全加载”。但是,当我单击NuxtLink或RouterLink时,不会为新页面加载得到重复的日志条目。
如果我使用标准链接,则控制台访问的页面上的日志“页面已完全加载”,应该如此。但是它没有NuxtLink或RouterLink完成的那样快速的页面加载。
在Rails中,它具有称为Turbolinks的类似功能,但是您可以使用.on('page:load',...
来捕获每个页面加载。
有人知道如何触发每页加载的窗口加载吗?
解决方法
<nuxt-link>
组件类似于<router-link>
组件。
在HTML5历史记录模式下,router-link
将拦截click事件,以便浏览器不会尝试重新加载页面。这意味着onload
仅在首次加载应用程序时触发。
如果每次链接到新路线时都需要刷新并加载页面,则可以执行以下操作:
window.location.href = 'your link'
通过以这种方式链接到页面,您每次从服务器加载text/html
类型的页面时,都可以从浏览器控制台的网络面板中找到。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。