vue使用window.open(), vuex数据不共享的问题

本文探讨了Vue项目中如何通过localStorage解决新标签页与原标签页Vuex数据不一致的问题,介绍了使用localStorage作为临时存储以及其与内存存储(Vuex)的区别,提醒了定时器销毁机制的重要性。
摘要由CSDN通过智能技术生成


问题还原:

        vue项目中采用了window.open(),浏览器打开新的标签页,原标签页中修改vuex存储的数据发生修改,新打开的标签页无法监听到数据修改。



解决方案:

采用localStorage:

        原标签页存储数据到localStorage,新的页面监听localStorage存储的值(如果新页面无法监听到,可采用定时器);

        注意:定时器页面销毁的时候记得关闭掉;

附上区别:

        vuex存储在内存;

        localstorage以文件的方式存储在本地;


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值