监听localStorage

最新推荐文章于 2024-07-01 00:20:20 发布

qq_42560402

最新推荐文章于 2024-07-01 00:20:20 发布

阅读量431

点赞数 8

文章标签： javascript vue

本文链接：https://blog.csdn.net/qq_42560402/article/details/135063358

版权

// 场景是一朋友在同一个页面里面,组件1里面修改值 要传递到组件2,他思考了下选择了用localStorage来存储传值。
// 设置值 key为value
    localStorage.setItem('value','22222');

//监听
var orignalSetItem = localStorage.setItem;
localStorage.setItem = function(key,newValue){
    let setItemEvent = new Event("setItemEvent");
    setItemEvent.key = key;
    window.dispatchEvent(setItemEvent);
    orignalSetItem.apply(this,arguments);
};
window.addEventListener("setItemEvent", function (e) {
    if(e.key=='value'){
      console.log(e)
    }
});