位置: 编程技术 - 正文
推荐整理分享vue2+el-menu实现路由跳转及当前项的设置方法实例(vue路由怎么实现),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:elementui menu路由,elementui menu路由,vue elementui 路由,vue el-menu,vue路由怎么实现,vue-element-admin路由,vue el-menu,vue-element-admin路由,内容如对您有帮助,希望把文章链接给更多的朋友!
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实现路由跳转及当前项的设置方法实例,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对积木网网站的支持!
vue组件watch属性实例讲解 本文实例为大家分享了vue组件watch属性的具体代码,供大家参考,具体内容如下!doctypehtmlhtmlheadmetacharset="UTF-8"titlewacth属性/titlescriptsrc="js/vue.js"/script/headbo
Angular2的管道Pipe的使用方法 管道Pipe可以将数据作为输入,然后按照规则将其转换并输出。在Angular2中有许多内置的Pipe,比如DatePipe、UpperCasePipe和CurrencyPipe等。在这里我们主要介绍
vue组件生命周期详解 本文实例为大家分享了vue组件生命周期的具体代码,供大家参考,具体内容如下分为4个阶段:create/mount/update/destroy每一个阶段都对应着有自己的处理函
标签: vue路由怎么实现
本文链接地址:https://www.jiuchutong.com/biancheng/375880.html 转载请保留说明!友情链接: 武汉网站建设