vue+element 弹框确认问题

2021-04-02  本文已影响0人  3e2235c61b99

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


问题

问题相关代码如下:

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

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

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

猜你喜欢

热点阅读