vue强制刷新后跳转首页

问题: vue使用Pubsub.js遇到了publish页面未打开触发subscribe页面订阅不到数据的问题,没办法只能在强制刷新页面后先自动跳转到publish页面触发
解决办法:在mounted内创建监听事件

window.addEventListener(‘load’, e => this.beforeunloadFn(e));

methods里写方法

beforeunloadFn(e){
      if (this.$route.path !== '/Data'){
        this.$router.push({name:'Data'})
      }
}

, type类型选择load,在js语法里是onload,这里省去on,onload指页面加载完成后执行window.onload()里的js函数,首次加载页面是建立一个onload的监听事件并不执行,针对的是当前页面的下一次加载即刷新去执行onload里的方法,配合

  destroyed() {window.removeEventListener(‘load’, e => this.beforeunloadFn(e))}

,可解决某一vue单页面刷新跳转另一页面的问题。
错误尝试:

window.addEventListener(‘beforeunload’, e =>this.beforeunloadFn(e));

type类型为beforunload是指页面刷新前执行的最后函数所以即使跳转另一页面也会在刷新完成后跳转回原页面,此方法适用与刷新页面前提交表格数据或阻止刷新的操作。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值