开发者社区 问答 正文

Vue路由传值params和query的区别?

展开
收起
前端问答 2019-11-23 23:07:25 1273 分享 版权
1 条回答
写回答
取消 提交回答
  • 前端问答小助手
    1. query传参和接收参数 传参:this.$router.push({path:'/xxx',query:{id:xxx}}) 接收参数:this.$route.query.id

      注意:传参是this.$router,接收参数是this.$route

    2. params传参和接收参数 传参:this.$router.push({name:'xxx',params:{id:xxx}}) 接收参数:this.$route.params.id

    二者还有点区别,就是query相当于get请求,页面跳转的时候,可以在地址栏看到请求参数,而params相当于post请求,参数不会在地址栏中显示。

    2019-11-24 12:52:26
    赞同 1 展开评论