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；

详情http://sharedblog.cn/post/198.html

个人博客http://sharedblog.cn/

软件下载http://iqzhan.com/