如何使用元素NavMenu导航菜单

　　介绍

这篇文章主要讲解了如何使用元素NavMenu导航菜单,内容清晰明了,对此有兴趣的小伙伴可以学习一下,相信大家阅读完之后会有帮助。

<强>顶栏

如何使用元素NavMenu导航菜单

& lt; el-menu: default-active=癮ctiveIndex"类=癳l-menu-demo"模式=癶orizontal"@select=癶andleSelect"比; 　　& lt; el-menu-item指数=?“祝辞处理中心& lt;/el-menu-item> 　　& lt; el-submenu指数=?“比; 　　& lt;模板槽=皌itle"在我的工作台& lt;/template> 　　& lt; el-menu-item指数=?-1"祝辞选项1 & lt;/el-menu-item> 　　& lt; el-menu-item指数=?-2"祝辞选项2 & lt;/el-menu-item> 　　& lt; el-menu-item指数=?-3"祝辞选项3 & lt;/el-menu-item> 　　& lt; el-submenu指数=?-4"祝辞 　　& lt;模板槽=皌itle"祝辞选项4 & lt;/template> 　　& lt; el-menu-item指数=?-4-1"祝辞选项1 & lt;/el-menu-item> 　　& lt; el-menu-item指数=?-4-2"祝辞选项2 & lt;/el-menu-item> 　　& lt; el-menu-item指数=?-4-3"祝辞选项3 & lt;/el-menu-item> 　　& lt;/el-submenu> 　　& lt;/el-submenu> 　　& lt; el-menu-item指数=?”;disabled>消息中心& lt;/el-menu-item> 　　& lt; el-menu-item指数=?“;在https://www.yisu.com/zixun/& lt; a href=" https://www.ele.me " target="平等">订单管理 　　 　　
　　 　　处理中心 　　 　　<模板槽="标题">我的工作台模板> 选项1 　　选项2 　　选项3 　　 　　<模板槽="标题">选第四项模板> 选项1 　　选项2 　　选项3 　　 　　 　　消息中心 　　 订单管理 　　 　　 　　<>脚本 　　出口默认{ 　　数据(){ 　　返回{ 　　activeIndex: ' 1 ', 　　activeIndex2: ' 1 ' 　　}； 　　}， 　　方法:{ 　　handleSelect(关键,keyPath) { 　　控制台。日志(关键,keyPath); 　　} 　　} 　　} 　　

<强>侧栏

如何使用元素NavMenu导航菜单

& lt; el-row类=皌ac"比; 　　& lt; el-col:跨度=?2“比; 　　& lt; h6>默认颜色& lt;/h6> 　　& lt; el-menu 　　default-active=?”; 　　类=癳l-menu-vertical-demo" 　　@open=癶andleOpen" 　　@close=癶andleClose"比; 　　& lt; el-submenu指数=?“比; 　　& lt;模板槽=皌itle"祝辞 　　& lt;我类=癳l-icon-location"祝辞& lt;/i> 　　& lt; span>导航一& lt;/span> 　　& lt;/template> 　　& lt; el-menu-item-group> 　　& lt;模板槽=皌itle"祝辞分组一& lt;/template> 　　& lt; el-menu-item指数=?-1"祝辞选项1 & lt;/el-menu-item> 　　& lt; el-menu-item指数=?-2"祝辞选项2 & lt;/el-menu-item> 　　& lt;/el-menu-item-group> 　　& lt; el-menu-item-group title=胺?组,在 　　& lt; el-menu-item指数=?-3"祝辞选项3 & lt;/el-menu-item> 　　& lt;/el-menu-item-group> 　　& lt; el-submenu指数=?-4"祝辞 　　& lt;模板槽=皌itle"祝辞选项4 & lt;/template> 　　& lt; el-menu-item指数=?-4-1"祝辞选项1 & lt;/el-menu-item> 　　& lt;/el-submenu> 　　& lt;/el-submenu> 　　& lt; el-menu-item指数=?“比; 　　& lt;我类=癳l-icon-menu"祝辞& lt;/i> 　　& lt;跨槽=皌itle"祝辞导航二& lt;/span> 　　& lt;/el-menu-item> 　　& lt; el-menu-item指数=?”;disabled> 　　& lt;我类=癳l-icon-document"祝辞& lt;/i> 　　& lt;跨槽=皌itle"祝辞导航三& lt;/span> 　　& lt;/el-menu-item> 　　& lt; el-menu-item指数=?“比; 　　& lt;我类=癳l-icon-setting"祝辞& lt;/i> 　　& lt;跨槽=皌itle"祝辞导航四& lt;/span> 　　& lt;/el-menu-item> 　　& lt;/el-menu> 　　& lt;/el-col> 　　& lt; el-col:跨度=?2“比; 　　& lt; h6>自定义颜色& lt;/h6> 　　& lt; el-menu 　　default-active=?”; 　　类=癳l-menu-vertical-demo" 　　@open=癶andleOpen" 　　@close=癶andleClose" 　　background - color=? 545 c64" 　　文本颜色=? fff" 　　active-text-color=? ffd04b"比; 　　& lt; el-submenu指数=?“比; 　　& lt;模板槽=皌itle"祝辞 　　& lt;我类=癳l-icon-location"祝辞& lt;/i> 　　& lt; span>导航一& lt;/span> 　　& lt;/template> 　　& lt; el-menu-item-group> 　　& lt;模板槽=皌itle"祝辞分组一& lt;/template> 　　& lt; el-menu-item指数=?-1"祝辞选项1 & lt;/el-menu-item> 　　& lt; el-menu-item指数=?-2"祝辞选项2 & lt;/el-menu-item> 　　& lt;/el-menu-item-group> 　　& lt; el-menu-item-group title=胺?组,在 　　& lt; el-menu-item指数=?-3"祝辞选项3 & lt;/el-menu-item> 　　& lt;/el-menu-item-group> 　　& lt; el-submenu指数=?-4"祝辞 　　& lt;模板槽=皌itle"祝辞选项4 & lt;/template> 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null

如何使用元素NavMenu导航菜单