开发者社区> 问答> 正文

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

展开
收起
前端问答 2019-11-23 23:07:25 1222 0
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 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
Vue.js 在前端服务化上的探索与实践 立即下载
Vue.js在前端服务化上的实践与探索 立即下载
利用编译将 Vue 组件转成 React 组件 立即下载