常见的菜单栏：
菜单栏结构
一般来说 这种结构的菜单栏形式 通过<el-menu></el-menu> 内部包裹<el-menu-item-group></el-menu-item-group>或者<el-submenu><el-submenu>标签的形式 实现父子级菜单栏的展开关闭，最内层<el-menu-item></el-menu-item> 就可以实现多级菜单栏。
但是，如果考虑主菜单 也必须展示对应单页面的图表数据，就无法做到。这时候考虑Router属性了。
实现步骤：
1.首层menu标签赋予 router属性，等同于vue的router-link
Router参数说明
2.open属性方法在于获取输出的key值，此方法参数为key（string），keys（array）
open点击事件
3.获取到open事件的值后，进行router跳转
key值为形参，实质是index/path值
这样就能完成主菜单或父级菜单点击后打开对应页面的操作。
在element-ui中采用NavMenu导航菜单作为系统菜单的实现。 官方文档中NavMenu导航菜单有一个Me...
场景：使用element ui NavMenu导航菜单,跳转到子页面，导航不高亮解决方案1、使用default-a...
目标 期待效果 layout.vue布局页面开发 嵌套路由 NavMenu 导航菜单 测试 期待效果 左侧导航，右...
目标 期待效果 layout.vue布局页面开发 嵌套路由 NavMenu 导航菜单 测试 期待效果 左侧导航，右...
侧边菜单的实现 1.饿了吗NavMenu 导航菜单: 2.根据接口动态生成权限菜单 Ⅰ.关于权限: 后台会告诉你帐...
2020年9月7日 星期一 需求： 过长的超出页面长度的菜单栏希望能在页面内可上下滚动展示。 实现 将“菜单导航栏...
Menu属性 default-active 当前激活菜单的 index router 是否使用 vue-ro...
没学习router之前，一直想不明白，只要一点击我的导航栏菜单，就会跳转到对应的页面，但是导航栏不见了，要回到首页...
IDEA的用户界面包括： 主菜单和主工具栏 导航栏 状态栏 编辑区 工具窗口 主菜单和工具栏 主菜单和主工具栏中又...
目的 A页面导航栏和B页面有导航栏，实现A页面push到B页面 和 B页面pop到A页面的过度效果 上代码 A页面...
本文标题：NavMenu 导航栏 主菜单对应页面实现方法
本文链接：https://www.haomeiwen.com/subject/cmwlhhtx.html
网友评论