vue动态路由使用注意问题

vue动态路由使用注意问题




vue动态路由使用时，参数怎么设置？

1.路由中，要设置name属性，如下：

{path:'/detail/:id',name:'detail',component:DetailView}

 

2.如果使用router-link时。要动态的调用参数

<router-link :to="{name:'detail',params:{id:val.id}}">

这里之所有用name属性，而不用path,是因为path的路由是带有参数的

 

3.接收参数：this.$route.params.id

  在模板里接收参数：

{{ $route.params.id }}