问题:添加和编辑页面使用路由跳转的方式切换,但是切换到添加页面后,添加功能所在页面对应的侧边栏不会高亮显示。
解决方法:
route 的 index.js 中给需要改变高亮的路由(添加和编辑页面)增加 guidePath
和 jumpPath
字段,
guidePath:
就是一个状态变量,这里可以表示当前路由高亮指向不是本身
jumpPath:
表示高亮指向的路由。
在侧边栏el-menu 页面设置:default-active
侧边栏组件被引入根文件app.vue中只实例化一次,当我们切换路由的时候侧边栏组件并不会被重新调用,所以我们需要计算属性实时监听变化。