vue关于数据刷新消失问题

问题1.在使用vuex过程中跳转页面上获得的state在刷新页面后变为初始值,即数据不能持久化

解决方法:使用localstorage等存储,自己写起来总是有bug直接使用了vuex-persistedstate

问题2.vue-router路由传参发现使用params传参后,页面刷新参数消失造成请求失败

解决方法

  this.$router.push('/xx',{
name:xx所对应的组件名.在路径匹配里面也有这一项
1.params:{参数1:值}
2.query:{参数1:值}
  })
获取:this.$route.params/query.xx
区别:params在地址栏不显示参数,query显示
     刷新页面后params参数消失,query不消失若传的值为对象时,刷新获取有问题,可以通过JSON.stringify来转换
解决数据丢失:1.params在path中 /:id 即可
             2.使用web存储

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值