javascript - 使用 Vue 路由器导航时防止刷新索引页面
问题描述
我是 Vue 的新手。我正在使用 Vue-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
推荐阅读
- vuetify.js - 子菜单导致导航面板消失
- dax - 在 Power BI 中高效协调两个大表?
- java - Redis lua 脚本在某些情况下不尊重自动性
- facebook - 如何从 facebook 页面聊天框开始获取 url?
- css - GridView 只取 css 文件中的第一个 CSSClass
- python - 读取 CSV,使用 pyproj Transform 更改 2 列并保存到新的 CSV
- ios - Swift noob 问题:尝试在应用程序加载时加载函数
- azure - 如何使用 Azure 数据工厂在 2 个 SQL 服务器之间迁移存储过程?
- sql - 如何检查光标范围内的最大值?
- gmail - 无法从 plesk 网络邮件发送到 Gmail“简单邮件”