vue路由params传参时出现undefined

vue路由传参中

1.问题

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

2.解决

push时请使用【name】，不要使用【path】（路由的params对象使用，必须通过路由名name来调用路由）

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

接收参数

this.$route.params.id

3.注意

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