网上看到的这个方法 在项目里使用了 贼爽啊,分享下
顺便说一下 localStorage也实用
比如 在同一个页面里边 不同位置 两个变量的呈现都是使用的本地储存且一个变量修改,第二个变量也要实时变化 在正常情况下 修改一个的值后储存起来 在不刷新页面的情况下 另一个是不会变化的,所以就要用到本地储存的实时刷新
1. 现在main.js中注册全局方法,比如要监听的本地储存key值为‘changeData’
Vue
2 如何触发
在一个路由(比如路由A)存储值得时候,使用下面的方法:
this.resetSetItem('changeData', this.value);
3、如何监听
如果在另外一个路由(比如路由B)中,我们想根据changeData的变化来请求接口刷新页面数据的时候,可以在这个路由中created钩子函数中监听
window.addEventListener('setItem', ()=> {this.newVal = sessionStorage.getItem('changeData');
})