点击aside中的每一项进行路由跳转设置

情景:

点击aside中的每一项进行路由跳转

分析:

使用了element-ui是不需要给每一项加上一个<router-link>的,因为此框架给<el-menu>提供了 一个router属性,默认是关闭的,只需要在标签后面加上router,等同于 :router = "true" ,菜单中的每一项的路由功能就开启了,是以index值为路由路径跳转的,刚开始使用的是subItem.id,但最好是使用每一项数据的path字段值路径名称为路径,后台应该提供一个这样的字段,为了与前端完美配合,如果path:'user',那么要给它加上 / ,其实不加也行,因为会自动给加上

注意:这里是给二级菜单标签<el-menu-item>加的,而不是<el-submenu>,因为一级菜单不需要跳转

实现:

<el-menu-item :index=" '/' + subItem.path" v-for="subItem in item.children" :key="subItem.id">

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值