Vue学习笔记：vue路由传参

问题

vue路由使用params方式传参时（参数不显示的方式）当获取参数时，参数undefined

解决

1、当时使用params传参时，push时请使用【name】（路由的params对象使用，必须通过路由名name来调用路由）
2、当时使用query传参时，push时请使用【path】

示例

params方式

传递参数示例：

this.$router.push({
　　　name: 'test',
     params: { 
　　　　id: 1
　　　}
 })

接收参数示例：

this.$route.params.id

query方式

传递参数示例：

this.$router.push({
       path:"/personnel/detail",
       query:{
         patientId: patientId
       }
   })

接收参数示例：

this.$route.query.patientId

注意

• params传参，页面刷新后参数失效；
• query传参，页面刷新后参数不会失效，参数被拼接在url中