Vue页面手动刷新，实现导航栏激活项还原到初始状态的方法-创新互联

这篇文章给大家分享的是有关Vue页面手动刷新，实现导航栏激活项还原到初始状态的方法的内容。小编觉得挺实用的，因此分享给大家做个参考。一起跟随小编过来看看吧。

场景描述：在页面中存在顶部导航和左侧导航，左侧导航和右侧内容区使用了命名视图实现，点击左侧导航的链接时，右侧内容区相应显示不同组件内容。问题：在当前链接手动刷新浏览器（例如：浏览器地址为/enterprise/list），顶部导航激活项还原到初始状态（这里默认是“工作台”项）。

原理：每次刷新都会重新实例化Vue，也就是会调用created方法。