1、在date里面声明
// 记录当前的路由
defaultUrl: "",
2、监听路由变化,当路由变化时执行 “getPath” 方法
// 监听路由变化
watch: {
$route: "getPath",
},
3、编写执行逻辑
// 监听路由变化
getPath() {
// 拿到最新的路由
this.defaultUrl = this.$route.path;
if (this.defaultUrl == "/home/todayappointment") {
this.tabIndex = "1";
} else if (this.defaultUrl == "/home/packagesales") {
this.tabIndex = "2";
} else if (this.defaultUrl == "/home/servicewriteoff") {
this.tabIndex = "3";
} else if (this.defaultUrl == "/home/servicerecord") {
this.tabIndex = "4";
}
// 本地存储高亮下标(使用本地存储,可解决页面刷新导航栏高亮问题)
sessionStorage.setItem("tabIndex",this.tabIndex)
},
这样就可以得到想要的效果了,刷新页面会保留上一次访问的页面和高亮
欢迎大家在讨论区讨论交流,感兴趣的点个赞噢~