标签介绍:el-menu为导航菜单组件,el-menu-item表示无子菜单的菜单项,el-submenu表示有子菜单的菜单项。注意el-menu-item和el-submenu最好都加上index标签,标志唯一性,否则会出现展开一个菜单所有的菜单都展开或者收缩一个菜单所有的菜单都收缩的问题。
一、使用NavMenu做为导航菜单,实现的不好会出现点击菜单跳转到新页面的情况。如果想要实现本页跳转,可以参考以下步骤:
1、导航页(含NavMenu组件页面)需要做为其他页面的父级路由和父级路径。如导航页文件为index.vue,现有用户页文件user.vue,这个user和index的文件目录没有任何要求,但user的路由需要是index的子路由(写在children下面),且路径需要被index的路径包含,如index路径为/index,user路径为/user,是不可以的,此时user的路径需要是/index/...,如下是我的路由js实例:
{path: /menu,name: menu,hidden:true,component: () => import(@/views/menu/index),children: [//给菜单页一个默认的菜单显示{path: /user,redirect: user},{path: /menu/user,name: user,component: () => import(@/views/