好资源导航 » 文章资讯 » vue2+el-menu实现路由跳转及当前项的设置方法实例

vue2+el-menu实现路由跳转及当前项的设置方法实例

2023-09-21 11:40:05 58

Vue.js是什么

Vue.js(读音/vjuː/，类似于view)是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue采用自底向上增量开发的设计。Vue的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与单文件组件和Vue生态系统支持的库结合使用时，Vue也完全能够为复杂的单页应用程序提供驱动。

好了，下面通过本文给大家介绍vue2+el-menu实现路由跳转及当前项的设置方法，具体内容如下所示：





用户信息


账号信息
修改密码




公司信息


用户管理
添加/编辑用户

1.要实现路由跳转，先要在el-menu标签上添加router属性，然后只要在每个el-menu-item标签内的index属性设置一下url即可实现点击el-menu-item实现路由跳转。

2.导航当前项，在el-menu标签中绑定 :default-active="$route.path",注意是绑定属性，不要忘了加“:”,当$route.path等于el-menu-item标签中的index属性值时则该item为当前项。

总结

以上所述是小编给大家介绍的vue2+el-menu实现路由跳转及当前项的设置方法实例，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！

返回顶部
514930285
czq8825@qq.com

vue2+el-menu实现路由跳转及当前项的设置方法实例

热门推荐

随机推荐