美文网首页
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