element ui 自动关闭弹框

最新推荐文章于 2025-09-19 11:54:20 发布

原创最新推荐文章于 2025-09-19 11:54:20 发布 · 7.8k 阅读

4 ·

CC 4.0 BY-SA版权

其他专栏收录该内容

17 篇文章

订阅专栏

本文介绍了一种在企业解散场景下使用Vue.js显示警告弹框的方法，并通过JavaScript定时器实现弹框的自动关闭及用户会话的清除，最后跳转至登录页面。

1.弹框

this.$alert('企业解散成功，您即将退出系统！<br/>', '', {
    showClose:false,
    showCancelButton:false,
    showConfirmButton:false,
    closeOnPressEscape:false,
    closeOnHashChange:false,
    center:true,
    type:'warning',
    dangerouslyUseHTMLString: true
});

2.利用javascript删除弹框

this.autoTimer = setInterval(()=>{
    if(time === 1){
        clearInterval(this.autoTimer);
        removeSessionStore(SESSION_ID);
        let messageBox = document.getElementsByClassName("el-message-box__wrapper");
        let model = document.getElementsByClassName("v-modal");
        if(messageBox){
            messageBox[0].parentNode.removeChild(messageBox[0]);
            model[0].parentNode.removeChild(model[0]);
        }
        this.$router.push({ name: "login" });
    }
    time--;
},1000);