element-Plus中el-menu菜单无法正常收缩解决方案

element-Plus中el-menu菜单无法正常收缩解决方案_第1张图片


如图所示收缩之后,有子级的菜单还有箭头文字显示
从代码对比看层级就不太对了,嵌套错误了,正常下方官网的ul标签下直接是li,在自己的代码中,ul标签下是div标签,层级嵌套错误,导致无法正常收缩
element-Plus中el-menu菜单无法正常收缩解决方案_第2张图片

原因如下图,在把菜单menu动态封装为组件时,新建的文件中,会自动生成div标签,在不记得删除的情况下就会导致层级嵌套错误,无法正常收缩,移除掉div标签后即可正常收缩

element-Plus中el-menu菜单无法正常收缩解决方案_第3张图片
正常收缩
element-Plus中el-menu菜单无法正常收缩解决方案_第4张图片

你可能感兴趣的:(elementPlus,vue.js,javascript,ecmascript)