【问题标题】:prevent refresh of index page when navigating away using Vue router使用 Vue 路由器导航时防止刷新索引页面
【发布时间】:2020-05-04 04:28:46
【问题描述】:

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

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

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

【问题讨论】:

  • 你可能想看看keep-alive组件。
  • 好的就行。谢谢

标签: javascript vue.js vue-component vue-router


【解决方案1】:

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

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2019-01-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-05-15
    • 2015-01-24
    • 1970-01-01
    • 2020-03-13
    相关资源
    最近更新 更多