1.关于(Vue)参数传递和刷新页面参数丢失的处理

Vue中参数传递

原生的有两种

1.this.$router.push({name:'',params:{xx:x}})    //类似post传递

2.this.$router.push({name:'',query:{xx:x}})   //url传递参数

以上两种方式可以并存,需要从router中的js配置Path("/xx/:id")

前端自带的方法

sessionStoreage  //放到session中随浏览器关闭之后消失

localStoreage  //持久化到本地,但容易导致资源占用较大

利用cookie,将数据放到cookie中,在页面跳转以后再从cookie中取出来。

sessionStroage必须保存字符串类型,如果保存为其他类型也会保存为字符串类型,只不过保存完以后可能不是我们想要的结果,比如保存一个Object 取出来的字符串就是‘Object object’

所以尽量将参数通过JSON.stringify和JSON.parse来处理会比较好(本人的解决办法)

总结 : 解决参数丢失办法可以选择后几种原生的方式(仅供参考)

你可能感兴趣的:(1.关于(Vue)参数传递和刷新页面参数丢失的处理)