vue computed 中 window.sessionStorage.getItem()获取不到值

用computed监听sessionStorage中的数据,结果不符合预期,一起看下解决方案吧

    computed:{
        cantGetValue(){
            return window.sessionStorage.getItem('test')//这个sessionStorage的值变化是不会被监听到的
        }
    }

先看下产生问题的过程

过程:

页面模版调用计算属性的值

接口返回数据设置sessionStorage

期望:

sessionStorage被接口返回的值改变,进而页面数据刷新

实际结果:

页面未变化

解决方案

第一种:用vuex来代替sessionStorage,因为computed是可以监听到vuex数据变化的

第二种:还是用sessionStorage的方式来存储。直接把  window && window.sessionStorage.getItem('myvalue')   这段代码写在vue的模版里,不过不推荐,虽然能运行但是不够优雅,容易被人笑话。

  • 3
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值