Nuxt监听本地存储localStorage

一  在 plugins文件夹的 util.js 里面写公共的方法，如下：

function dispatchEventStroage() {
    const signSetItem = localStorage.setItem
    localStorage.setItem = function(key, val) {
        let setEvent = new Event('setItemEvent')
        setEvent.key = key
        setEvent.newValue = val
        window.dispatchEvent(setEvent)
        signSetItem.apply(this, arguments)
    }
}
export default dispatchEventStroage;

二  在需要监听的页面写，如下：

  mounted() {
    let _this = this;
    //根据自己需要来监听对应的key
    window.addEventListener("setItemEvent",function(e){
        //e.key : 是值发生变化的key
        //e.newValue : 是可以对应的新值
        if(e.key==="l_QYCN"){
            console.log('这里监听的本地存储>>>>>>',e.newValue);
            _this.localLogin = e.newValue;
        }
    })
  },