由于项目中使用到Element 的MessageBox,由于身份验证不通过,跳转登录页面,但是MessageBox不会自动关闭,根据MessageBox的源码,得知对应关系
Vue.prototype.$msgbox = MessageBox;
Vue.prototype.$alert = MessageBox.alert;
Vue.prototype.$confirm = MessageBox.confirm;
Vue.prototype.$prompt = MessageBox.prompt;
关键代码:调用源码中的关闭函数
// 关闭messageBox弹窗
this.$msgbox.close();
只要在销毁生命周期加上后,组件销毁时就会将弹窗关闭