1.先看路由配置文件:
{ path: 'detail/:No', name: 'waybill-declaration-detail', component: () => import('@/views/wayb/Detail'), meta: { redirect: true, title: '运单' } }
2.编写跳转事件
click: () => { this.$router.push({ name: 'waybill-declaration-detail', }
这样跳转是匹配不上的,如果做了路由为空跳转的到首页, 那么本次跳转就会跳到首页。
注意:上面的路由配置的path,里面的参数No是动态的,但是参数会加到路由上去,
所以,事件里面也要加上参数No,需要全匹配
3.正确写法
click: () => { this.$router.push({ name: 'waybill-declaration-detail', params: { No:2323 } }) }
https://www.icode9.com/content-4-760709.html