专注前端行业精选
当前位置:网站首页 > 最近更新 > 前端开发 > 面试题 > 正文

vue中query与params传参的区别

作者:鹏仔先生日期:2020-08-05浏览:1803分类:面试题


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;


手机扫码访问

暂无评论,来添加一个吧。

取消回复欢迎 发表评论:

关灯