vue强制刷新后跳转首页

问题: vue使用Pubsub.js遇到了publish页面未打开触发subscribe页面订阅不到数据的问题,没办法只能在强制刷新页面后先自动跳转到publish页面触发
解决办法:在mounted内创建监听事件
window.addEventListener(‘load’, e => this.beforeunloadFn(e));
methods里写方法
beforeunloadFn(e){
if (this.KaTeX parse error: Expected '}', got 'EOF' at end of input: …{ 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是指页面刷新前执行的最后函数所以即使跳转另一页面也会在刷新完成后跳转回原页面,此方法适用与刷新页面前提交表格数据或阻止刷新的操作。

上一篇:vue 从a页面跳转到外部链接b页面,然后从b页面跳转到回a页面,返回没有执行生命周期


下一篇:window.onload和$函数的区别,document中getElementById()等函数的用法,DOM对象转换成jQuery对象