问题是用户后退时候,左边导航栏显示的还是上一个页面的导航,但是路由和页面已经变了
最开始的解决方案是每次路由跳转前把vuex里面的数据更改,然后对应到vue的active-path中
最后看了下另一个组的项目觉得解决方法很好,就记录一下,当前显示的菜单对应computed的route.path,如果路由配的没有 / 可以加上 replacce('/','') 把 / 去掉
:router="true"
background-color="#545c64"
text-color="#fff"
active-text-color="#ffd04b"
:unique-opened="true"
:default-active="activePathFn"
>
computed:{
activePathFn(){
return this.$route.path;
}
},