Vue使用this.$router.push时传参和获取参数

Vue使用this.$router.push时传参和获取参数

  •  2019 年 6 月 24 日
  •  549
  •  Vue 

Vue使用this.$router.push时传参时主要有两种方式:

第一种:params

传参:

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

获取参数:

this.$route.params.id

第二种:query

传参:

this.$router.push({path: '/path', query: {id: 1}})

获取参数:

this.$route.query.id

需要注意的是接收参数的时候是$route而不是$router、两种传参方式的参数也不能混用。

扫一扫分享到微信

已有 条评论
写评论