关于Vue-$router传参出现刷新页面或者返回页面丢失数据的问题
2024-09-01 18:21:46
也算是踩到坑了,但不是我踩到的,不过还是得说下这个问题,很严重,对于小白和初学者是比较有帮助的,如果使用到路由传参,请选择你想要的传参方式params或者query
1.query
this.$router.push({
path: 'newApply',
query: {
type: item.key,
typeDesc: item.value
}
})
2.params
this.$router.push({
name: 'newApply',
params: {
type: item.key,
typeDesc: item.value
}
})
比较用法
1.用法
query要用path来引入,params要用name来引入,接收参数都是类似的,分别是this.$route.query.name和this.$route.params.name。
2.url地址显示
query更加类似于我们ajax中get传参,params则类似于post,说的再简单一点,前者在浏览器地址栏中显示参数,后者则不显示
query
http://localhost:8080/workorder/newApply?type=BOX_DEPLOY&typeDesc=%E5%B0%8F%E7%99%BD%E7%9B%92%E9%83%A8%E7%BD%B2
params
http://localhost:8080/workorder/newApply
3.注意点
query刷新不会丢失query里面的数据
params刷新 会会 丢失 params里面的数据
最新文章
- 你可能没注意的CSS单位
- C#使用ListView更新数据出现闪烁解决办法
- iOS黑客技术相关
- 使用集成的ADT bundle来搭建android开发环境
- HashMap循环遍历方式及其性能对比(zhuan)
- sourceforge.net 打不开怎么办?(转)
- OpenStack Swift client开发
- linux系统学习(常用命令)
- qt5 基础知识
- 最完整的合并相交集合的Java代码(查并集)
- WindowsPhone8中实现圆形图片的生成显示
- 严重:IOException while loading persisted sessions:java.io.EOFException.
- JAVA中方法的定义与使用(课堂学习归纳)
- Unity UGUI实现分段式血条
- JMeter接口测试 (二) ~ 参数化
- 基于JAX-WS的webService开发实例
- ps命令显示uid而不是用户名的解决方法
- 利用可变参数打印log
- 【公众号转载】超详细 Nginx 极简教程,傻瓜一看也会!
- centos7下git的使用和配置
热门文章
- centos 7 删除 virbr0 虚拟网卡
- CL_GUI_FRONTEND_SERVICES 使用问题
- Spring Data JPA 查询
- ListView中用鼠标拖动各项上下移动的问题。(100分)
- Bat:Basic knowledge(同时运行多条命令,连接SqlServer执行sql,单个bat打开多个tomcat,cmd切换命令行编码,根据PID结束端口号)
- 【HANA系列】SAP HANA SQL获取字符串长度
- 【Spring Cloud】Spring Cloud使用总结
- deepin系统换软件下载源&;商店卡死刷新空白问题解决
- [Python3] 040 文件 一般使用
- tourist's modular arithmetic class