使用el-menu做侧边栏导航遇到需要点击两次菜单才展开

在根据路由遍历生成侧边导航栏时,遇到一个问题,就是当我点击选中某个垂直菜单时,只有点击第二次它才会展开,第一次在选中垂直菜单之后垂直菜单它就收缩起来了,如下图:
使用el-menu做侧边栏导航遇到需要点击两次菜单才展开_第1张图片
如上图,在我第一次点击选中“告警管理”这个菜单的时候,外联监测它会立马收缩起来,当我第二次点击时就不会收缩,而是展开状态,这是因为我的el-menu里default-active和el-submenu的index及el-menu-item的index属性不一致导致的,default-openeds和default-active尽量不要同时存在,删掉default-openeds即可,路由里name都一定要写上,不然会在控制台报警告,如下截图:
使用el-menu做侧边栏导航遇到需要点击两次菜单才展开_第2张图片
使用el-menu做侧边栏导航遇到需要点击两次菜单才展开_第3张图片
使用el-menu做侧边栏导航遇到需要点击两次菜单才展开_第4张图片

由于我们这个侧边菜单栏是拿到该角色所拥有的菜单数组集合,那这里面可能有一些公共的路由,比如404,登录login等这些路由(特点是hidden为true,即默认隐藏的路由),所以我们需要在si

你可能感兴趣的:(vue2,javascript,vue.js,前端)