vue2中路由传参

一、在router-link中传递参数

<router-link :to="{name:'ThirdFirst',params:{id:123}}">Go to 1/1 </router-link>

在这里params中的123可以用变量表示，在模板组件中

 data(){
   return {
     Id:123
   }
 }

上面的代码可以改写为

<router-link :to="{name:'ThirdFirst',params:{id:Id}}">Go to 1/1 </router-link>

二、在router的目标组件上获取入参

在ThirdFirst模板中可以使用如下方式获取id

<div class="ba">嵌套路由bar的Id为{{ $route.params.id }}</div>

解析出来的结果为：

嵌套路由bar的Id为123