vue中三种路由传参方式

第一种

// 路由定义
{
  path: '/helping/:id',
  name: 'helping',
  component: helping
}
// 页面传参
 <div class="submit" @click="$router.push('/helping/${id}')">查看助力进度</div>
// 页面获取
this.$route.params.id

　　

第二种

// 路由定义
{
  path: '/helping',
  name: 'helping',
  omponent: helping
}
// 页面传参
this.$router.push({
  name: 'helping',
  params: {
    hid: hid,
    sign:sign
  }
})
// 页面获取
this.$route.params.hid

第三种

// 路由定义
{
  path: '/helping',
  name: 'helping',
  component: helping
}
// 页面传参
this.$router.push({
  path: '/helping',
    query: {
      id: id,
　　　sign:sign
  }
)
// 页面获取
this.$route.query.id