美文网首页
vue+element 弹框确认问题

vue+element 弹框确认问题

作者: 3e2235c61b99 | 来源:发表于2021-04-02 15:35 被阅读0次

    问题描述:
    vue+element项目,在返回上一页之前,需要一个弹框确认,在弹出框点击确认后返回上一个页面.
    上述场景在chrome下没有问题,但是在ie浏览器下时,返回上一个页面后,弹框仍然会存在一段时间,然后消失,如下图:


    问题

    问题相关代码如下:

    this.$confirm('你确定要取消吗?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
    }).then(() => {
        this.$router.go(-1);
    });
    

    解决办法:
    在触发页面回退之前加一个延时就好了
    修改后的代码如下:

    this.$confirm('你确定要取消吗?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
    }).then(() => {
        setTimeout(() => {
            this.$router.go(-1);
        }, 0)
    });
    

    相关文章

      网友评论

          本文标题:vue+element 弹框确认问题

          本文链接:https://www.haomeiwen.com/subject/tscqkltx.html