
获得徽章 0
- vue 页面跳转之后 左侧的导航组件没有刷新 没有改变当前选中?
1,左侧导航的选中,是点击左侧导航,页面的跳转,并且传index,当标签的index和点击的index相等,那么就高亮状态,如图一
2,原因:现在是点击页面的按钮(没有点击左侧),通过this.$router.push({name:"",params:{}})跳转页面,这样就没有监听到index,所以页面跳转,左侧导航没有改变。
3,解决:通过事件总线,在点击事件发射出去,携带路径如图二,在router-view的页面中接收事件。(可以在mounted钩子中接收)如图三。
4,解决:图四,通过vuex增加全局状态用来控制左侧导航的选中状态。展开21