VUE页面跳转刷新参数丢失问题解决

本文主要讨论在VUE项目中遇到的页面刷新导致参数丢失的问题及其解决方案。作者尝试了VUE的编程式导航、vuex、sessionStorage和localStorage等方法,并详细描述了每个方法的优缺点及适用场景。最终通过结合vuex与sessionStorage成功解决了问题。
摘要由CSDN通过智能技术生成

VUE页面跳转刷新参数丢失问题解决

一、场景

在做本司一个系统的前台过程中,对展示的数据需要进行出修改。也就是简单的表单提交进行数据修改

二、实现

在以前的开发过程中都是将数据放到session中,由于本次用到的框架为VUE,所以在页面跳转以后参数存储问题,本人是费尽心思,苦于无解,在我点击修改之后。第一次在create方法里面是能够获取到参数的。但是,在f5刷新之后发现并没有参数。(我利用的是VUE自带的$router.push({name:'',params{}}))的方式。然而并没有任何效果具体代码如下

create(){
   
	const device_id = this.$route.params.device.device_id
	// 进行数
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值