vue 路由传参 params 与 query 两种方式的区别

Vue 4年前 (2018) bestcyt
46 0 0
  • 用法:

query要用path来引入,接收参数都是this.$route.query.name。
params要用name来引入,接收参数都是this.$route.params.name。

  • 区别:

query类似于ajax中get传参,即在浏览器地址栏中显示参数。
params则类似于post,即在浏览器地址栏中不显示参数。

  • query方式传参与接收
//5、跳到支付页面里面去,并且带过去订单id
this.$router.push({
    path: '/pay',
    query: {
         id: id
    }
})

接收参数: this.$route.query.id

  • params 方式传参与接收
this.$router.push ({
    name: 'user',
    params: {
        userId: '123'
    }
})

接收参数: this.$route.query.userId
 
 

版权声明:bestcyt 发表于 2018年10月15日 pm4:21。
转载请注明:vue 路由传参 params 与 query 两种方式的区别 | 爱前端导航

相关文章

联系站长