Vue 如何监听session值的变化
如何监听session值的变化首先在在main.js给Vue.protorype注册一个全局方法//main.jsVue.prototype.resetSetItem = function (key, newVal) {if (key =='collapse') {// 创建一个StorageEvent事件var newStorageEvent ...
·
如何监听session值的变化
首先在在main.js给Vue.protorype注册一个全局方法
//main.js
Vue.prototype.resetSetItem = function (key, newVal) {
if (key =='collapse') {
// 创建一个StorageEvent事件
var newStorageEvent = document.createEvent('StorageEvent');
const storage = {
setItem: function (k, val) {
sessionStorage.setItem(k, val);
// 初始化创建的事件
newStorageEvent.initStorageEvent('setItem', false, false, k, null, val, null, null);
// 派发对象
window.dispatchEvent(newStorageEvent)
}
}
return storage.setItem(key, newVal);
}
}
在写入的页面
this.resetSetItem('item','值');
在需要监听的页面
window.addEventListener('setItem', ()=> {
var val = sessionStorage.getItem('item');
console.log(val)
})
更多推荐
已为社区贡献2条内容
所有评论(0)