点击左侧导航栏,右侧内容区域的导航标题时而高亮显示时而不高亮显示,
应点击左侧导航栏,右侧内容区域的导航标题高亮显示
1、原因:
切换导航菜单里一级路由和子路由输出的路由path路径不一致导致
2、解决办法:
监听路由,让路径一致即可
watch: {
//监视$route的变化
$route: function(to, from) {
//设置导航菜单高亮路径
this.activePath = this.$route.path;
}
},
文章讲述了在Vue应用中,左侧导航栏点击后右侧内容区域的导航标题高亮显示异常的原因,即一级路由和子路由的path路径不一致。解决方案是通过监听路由变化,同步更新activePath,确保路径一致,从而实现导航的正确高亮。
2646

被折叠的 条评论
为什么被折叠?



