以vue.js为例:

主要是用到 storage_event 来实现

创建方法

在main中给 Vue.protorype 注册一个全局方法,然后创建一个 StorageEvent 方法,当我在执行sessionStorage.setItem(k, val) 的时候,初始化事件 并 dispatchEvent(派发)事件。

*[^_^]: 派发目的是在设置数据后,通知window对象的

在vue原型上(main.js)添加方法:

 

调用

在需要设置数据的组件中调用

 

监听

在需要监听的组件中监听,需要明确的是,需要写在mounted生命周期中

 

实际效果

实际效果是这样的:

可以看到,在调用后我们能拿到有关更新的数据的所有值,然后就可以随心所欲了

posted on 2020-12-07 10:41  ygunoil  阅读(593)  评论(0编辑  收藏  举报