专注前端行业精选
vue中query与params传参的区别
作者:鹏仔先生日期:2020-08-05 10:57:35浏览:3335分类:面试题
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;
猜你还喜欢
- 09-14 nvm常用命令有哪些?nvm如何切换node版本?nvm如何下载node?
- 09-05 如何申请安卓证书,申请安卓证书的流程是什么?
- 08-23 Beyond Compare忽略时间对比
- 08-19 使用HBuilderX将vue或H5项目打包app
- 07-15 小程序嵌入网页向小程序跳转并传参,微信小程序中实现公众号授权获取openId
- 04-22 共享博客更换域名了,启用新顶级域名 sharedbk.com
- 10-25 js替换字符串某个字符,js修改字符串中指定字符
- 10-20 uniapp中text-indent不起作用,uniapp首行缩进不管用如何解决?
- 08-12 elemtnui 表格如何修改某行文字颜色
- 08-03 vue中调用百度地图 获取经纬度
- 04-30 object-fit:cover;在小程序中不起作用,小程序图片变形了如何处理
- 04-26 (安卓/IOS)APP调用H5事件,H5调用APP事件
取消回复欢迎 你 发表评论:
- 搜索
- 随机tag
暂无评论,来添加一个吧。