Vue.js 是什么
创新互联是一家专注于成都做网站、网站制作与策划设计,奉节网站建设哪家好?创新互联做网站,专注于网站建设10余年,网设计领域的专业建站公司;建站业务涵盖:奉节等地区。奉节做网站价格咨询:13518219792
Vue.js (读音 /vjuː/,类似于 view) 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与单文件组件和 Vue 生态系统支持的库结合使用时,Vue 也完全能够为复杂的单页应用程序提供驱动。
好了,下面通过本文给大家介绍vue2+el-menu实现路由跳转及当前项的设置方法,具体内容如下所示:
<span deep="5"><el-menu router :default-active="$route.path" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose" theme="dark"> <el-submenu index="1"> <template slot="title"> <i class="el-icon-location"></i> <span>用户信息</span> </template> <el-menu-item-group> <el-menu-item index="/user/account">账号信息</el-menu-item> <el-menu-item index="/user/password">修改密码</el-menu-item> </el-submenu> <el-submenu index="2"> <template slot="title"> <i class="el-icon-location"></i> <span>公司信息</span> </template> <el-menu-item-group> <el-menu-item index="/company/userManager">用户管理</el-menu-item> <el-menu-item index="/company/editUser">添加/编辑用户</el-menu-item> </el-menu-item-group> </el-submenu> </el-menu></span>
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实现路由跳转及当前项的设置方法实例,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对创新互联网站的支持!
网站栏目:vue2+el-menu实现路由跳转及当前项的设置方法实例
链接URL:https://www.cdcxhl.com/article16/pihigg.html
成都网站建设公司_创新互联,为您提供网站营销、响应式网站、App开发、网站导航、静态网站、品牌网站制作
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联