mint UI中messagebox弹框页面.跳转上一级页面，但是弹框仍然显示！

问题描述：当弹框显示时点击浏览器返回按钮，页面跳转上一级页面，但是弹框仍然显示！
问题解决：在全局中导入messagBox对象：

import { MessageBox } from ‘mint-ui’;

然后调用对象的close()方法：

const router = new VueRouter({
routes
})
router.afterEach(route => {
MessageBox.close();
})

我在vue中，页面销毁前关闭弹框

    beforeDestroy() {
        MessageBox.close();
    }