keep-alive:保持组件状态,不被频繁销毁创建销毁
使用:
<keep-alive><router-view></router-view></keep-alive>
只有在使用 keep-alive 时activated(活跃时运行)、deactivated(失去焦点时运行)这两个函数才有用。
当有组件嵌套,想保持子组件的状态和地址时可使用 组件内的守卫:deforeRouterLeave 进行地址的变化记录更改,使下一次再次点击时回到最后显示的地方
deforeRouterLeave(to,from,next)=>{
this.path = this.$route.path;
next()
}