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

作者：我家自动化 | 2024-02-18 04:52:22

踩

el-tabs侧边栏点击才弹出

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

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

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/我家自动化/article/detail/104905