element ui el-menu,element menu
本文主要介绍了elementUI中菜单菜单踩坑,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
需求:点击当前页面的按钮跳转到首页,给菜单中绑定的默认-活动赋值
问题:页面已经跳转过去,可菜单选中项根本没有发生变化
解决办法:直接将当前页面的路由绑定到默认-活动上,同时将指数改为当前路由,这样在通过非点击导航菜单跳转页面时就不需要再来手动改变导航菜单的选中项了,它会自己选中当前页面的标签项,完美解决!
说明:路由器属性很重要,默认-活动=这个.$route.path 也很重要。
埃尔菜单
:router=true
:default-active=$route.name
el菜单演示
模式=水平
@select=select
background-color=#545c64
text-color=#fff
active-text-color=#ffd04b
El-menu-item:route= { name: home } index= home
模板槽=标题
Icon type=ios-home/Icon
跨度首页/span
/模板
/El-菜单项
El-menu-item:route= { name: article } index= article
模板槽=标题
i class=el-icon-location/i
跨度文章/span
/模板
/El-菜单项
El-menu-item:route= { name: time } index= time
模板槽=标题
i class=el-icon-location/i
跨度时间轴/span
/模板
/El-菜单项
El-menu-item:route= { name: photo } index= photo
模板槽=标题
i class=el-icon-location/i
跨度生活照/span
/模板
/El-菜单项
El-menu-item:route= { name: footprint } index= footprint
模板槽=标题
i class=el-icon-location/i
跨度足迹/span
/模板
/El-菜单项
El-menu-item:route= { name:关于我 } index=关于我
模板槽=标题
i class=el-icon-location/i
跨度关于我/span
/模板
/El-菜单项
El-menu-item:route= { name: message } index= message
模板槽=标题
i class=el-icon-location/i
跨度留言板/span
/模板
/El-菜单项
El-menu-item:route= { name: manage } index= manage
模板槽=标题
i class=el-icon-location/i
跨度后台管理/span
/模板
/El-菜单项
/el-menu
到此这篇关于elementUI中菜单菜单踩坑的文章就介绍到这了,更多相关elementUI菜单菜单内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们!
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。