javascript - Vue路由器保持事件和挂载行为

标签 javascript vue.js vue-router

我在 mounted() 中有一些逻辑开始使用 <keep-alive> 之前的方法.例如:document.title = this.title .现在标题仅在第一次加载时更改。

我可以监听路线变化,但是当你登陆页面时它就不起作用了。

检测 <keep-alive> 中加载另一个组件的正确方法是什么? ?

最佳答案

将您的逻辑移至 activated 生命周期钩子(Hook),每当激活一个保持事件的组件时都会调用它。
例如:

new Vue({
  ...
  activated: function() {
    document.title = this.title;
  },
  ...
});

关于javascript - Vue路由器保持事件和挂载行为,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46974234/

相关文章:

vue.js - 如何在 vue3 路由器中扩展 `router-link` 的 onClick 处理程序行为

lazy-loading - 懒加载Vue的父组件和所有嵌套的路由

twitter-bootstrap - 如何将 Twitter Bootstrap CSS 和 Javascript 集成到普通 VueJS 项目中?

javascript - 当我在另一个组件中添加数据时,我必须更新另一个组件

vue.js - 在没有父包装器的情况下使用数据变量作为 Vue 模板

javascript - 将对象转换为多维数组

vue.js - 如何使用子文件夹中的路由器设置 vue 3

asp.net - 从asp服务器端调用html按钮onclick事件登录验证事件

javascript - YouTube 模态静态

javascript - meteor Android 应用程序无法连接到服务器