vue路由传参

转自: https://blog.csdn.net/wy01272454/article/details/77869442?locationNum=7&fps=1

传参方式

  • 通过router-link进行跳转
  • 通过编程导航进行路由跳转
  • 动态路由

一、router-link方式




 1. path -> 是要跳转的路由路径,也可以是路由文件里面配置的 name 值,两者都可以进行路由导航
 2. params -> 是要传送的参数,参数可以直接key:value形式传递
 3. query -> 是通过 url 来传递参数的同样是key:value形式传递

 // 2,3两点皆可传递

二、编程方式传参

// 组件A

// 组件 a



// 组件B




三、动态路由方式

设置动态路由: path: '/user/:id'
获取参数: $route.params.id




/user/foo
/user/bar

你可能感兴趣的:(vue路由传参)