vue项目：侧边栏搭配路由侧边栏高亮

1. 如果项目中使用的是element-ui
   可以直接使用它的NavMenu组件实现导航栏高亮，它会在activeIndex字段自动识别，匹配到下面item的index，给它加上高亮效果，所以我选择item循环的时候，index绑定每个字段的路由地址，在computed中计算当前路由前两个字段，并赋值给activeIndex，这样可以保证刷新保持高亮效果

            
                
                      



// computed中
 computed: {
        activeIndex() {
            const routePath = this.$route.path;
            return routePath.split('/').slice(0, 3).join('/');
        },
      }

2. 还可以使用路由配置meta

// 相关路由中
{
        name: 'IMP',
        path: '/main/sectorDetails/IMP',
        component: resolve => require(['@/views/sectorDetails/buList/IMP'], resolve),
        meta: {
            typeId: '1',
        }
    }


// 导航栏组件中读取meta中的值，

created() {
        this.defaultActive = this.$route.meta.typeId;
    },

然后用上面相同的设置就好了