当前位置: 首页 > 工具软件 > Path-Menu > 使用案例 >

el-menu菜单进行路由跳转,并传参

耿俊彦
2023-12-01

1、只进行跳转(无需传参)

<el-menu
 :default-active="$router.path" //注意点
 router  //注意点
 class="el-menu-demo"
 mode="horizontal"
 >
	 <el-menu-item  "index='/yzfMap'>地图页面</el-menu-item>
 </el-munu>
      

2、跳转并传参

<el-menu
 default-active="1" //注意点
 router  //注意点
 class="el-menu-demo"
 mode="horizontal"
 >
	 <el-menu-item index="1" :route="{ path: '/yzfMap', query: { id: '0011' } }">地图页面</el-menu-item>
 </el-munu>
 类似资料: