vue中query与params传参的区别

query传参方式

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

query取值方式

mounted(){
  this.id = this.$route.query.id;
}

param传参方式

this.$router.push({
  name: 'Home',
  params: {
    id: '19961022'
  }
})

param取值方式

mounted(){
  this.id = this.$route.params.id;
}

主要区别

query传参，参数会拼接到页面路径，页面跳转后刷新也可正常取值，路由跳转路径需要用path；

params传参，参数不会拼接到页面路径，页面跳转后刷新值不存在，路由跳转路径需要用name；

分享

分享海报

扫一扫 - 分享本文

打赏

微信

扫一扫 - 打赏鹏仔

收藏

请按下 Ctrl + D

即可收藏当前文章

手机看

分享到微信朋友圈

扫一扫 - 手机阅读

侵权投诉

侵权、举报、建议

↓