vue element-ui路由切换到添加或编辑页面实现侧边栏高亮

问题:添加和编辑页面使用路由跳转的方式切换,但是切换到添加页面后,添加功能所在页面对应的侧边栏不会高亮显示。

解决方法:

route 的 index.js 中给需要改变高亮的路由(添加和编辑页面)增加 guidePath 和 jumpPath 字段,

guidePath: 就是一个状态变量,这里可以表示当前路由高亮指向不是本身

jumpPath: 表示高亮指向的路由。

在侧边栏el-menu 页面设置:default-active

 侧边栏组件被引入根文件app.vue中只实例化一次,当我们切换路由的时候侧边栏组件并不会被重新调用,所以我们需要计算属性实时监听变化。

 

 

Guess you like

Origin blog.csdn.net/meetlunay/article/details/105844276