Vue路由传参

Vue路由传参

对路由传参的总结,不对之处望包涵,指正。记录 Vue路由传参的两种方式 query和params
路由传参之-------this.$route.query

路由传参query

  • this.$route.query.id,即可拿到123,此api无需配置路由规则
  • this.$route.query.name,即可拿到,zhangsan此api无需配置路由规则
路由传参之------- `this.$route.params

路由传参params

  • this.$route.params.id,不可以拿到123,都需要配置路由规则为:{path:'/home/:id/:name',Component:home}
  • this.$route.params.name,也拿不到zhangsan,都需要配置路由规则为:{path:'/home/:id/:name',Component:home}

你可能感兴趣的