浏览器两个不相关的选项卡,B选项卡如何触发A选项卡里面的事件(非数据共享,而是触发方法)

A选项卡

在mounted里面使用window.addEventListener监听是否调用localStorage存储事件

mounted(){
            var queryObject = Object.assign({ username: this.user.username }, this.pageParams, this.baseQueryForm);
            queryObject.username = this.user.userId
             window.addEventListener("storage", function(event){    
                this.loading = true;
                taskTodoApi.list(queryObject).then(response => {
                    this.tableList = response.data.data;
                    this.total = response.data.total;
                    window.location.reload();// 强制刷新页面
                }).finally(() => {
                    this.loading = false;
                });
            });  
        },

B选项卡

在b选项卡中任意方法或者生命周期函数中触发localStorage存储事件

localStorage.setItem("refreshNum",'???sdfsdfad');
          console.log(localStorage.getItem('refreshNum'))
          delete localStorage.refreshNum
          console.log(localStorage.getItem('refreshNum'))

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值