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是指页面刷新前执行的最后函数所以即使跳转另一页面也会在刷新完成后跳转回原页面,此方法适用与刷新页面前提交表格数据或阻止刷新的操作。