Vue二种路由传参的方式和区别
5星 · 超过95%的资源 51 浏览量
2021-01-08
10:57:04
上传
评论
收藏 118KB PDF 举报 
Vue二种路由传参的方式和区别二种路由传参的方式和区别
前言：前言：
最近项目需要页面的快捷操作，跳转路由时需要带上参数去另一个页面进行搜索，由于本人是后台，不怎么懂前端，翻阅很多文档后，终于成功了，现整理相关笔记共勉!
代码：代码：
第一种情况第一种情况:params传参（传参（vue版本版本<2.2））
快捷操作页面快捷操作页面:
html:
js:
目标页面目标页面:
注意事项：注意事项：
由于params相当于post请求，所以刷新值会消失。
第二种情况第二种情况:query传参（传参（vue版本版本<2.2））
快捷操作页面快捷操作页面:
html:
js:
目标页面目标页面:
注意事项：注意事项：
由于query相当于get请求，参数是拼接在url后面的，所以刷新不会消失。
相关说明：相关说明：
重点就在于目标页面这个对于路由的监听函数，不然假如你第一次的waveId为1，你第二次的waveId为2，你第二次快捷操作的waveId是不会变的，还是1，这个是vue的
version小于2.2的用法。当version的版本大于等于2.2时，官方文档说明可以用导航守卫去监听。
weixin_38630463
- 粉丝: 3
- 资源: 903
- 1
- 2
前往页