首页 > 解决方案 > 使用 Vue 路由器导航时防止刷新索引页面

问题描述

我是 Vue 的新手。我正在使用 Vue-router,我的索引页面上有一些动画和视频。

例如,如果我导航到关于页面,我想防止索引页面刷新,这样用户在点击返回索引页面时就不必再次启动视频和动画。

我需要使用哪些生命周期钩子,它们是实现它的简单方法吗?

标签: javascriptvue.jsvue-componentvue-router

解决方案


在@Yom S 指出我的方向后,我做了一些研究,发现将路由器视图 HTML 元素包装在 keep-alive 标记中,我们可以达到我想要的结果。通过显式命名组件,可以在keep-alive元素中使用“includes”“excludes”关键字来包含或排除某些路由器视图以进行重新渲染

这是 vuejs 论坛上关于这个问题的信息对话的链接

https://forum.vuejs.org/t/conditional-keep-alive-with-vue-router-not-working/4319


推荐阅读