elementUI中关于message提示的onClose的使用

Posted 2021-03-22 limerence-cy

最近学习了一下elementUI这个框架，练手的时候用到了message中onClose的回调函数，这个回调函数是在message提示结束后执行的，由于文档中没有看到关于onClose的使用，也可能我看漏了...百度也没有找到类似的，试验了几次这个函数，在无意中才发现其用法，特来记录一下。

this.$message({
    message: ‘登录成功！‘,//提示的信息
    type:‘success‘,　　//类型是成功
    offset:225,　　//距离窗口顶部的偏移量
    duration:800,　　//显示时间, 毫秒。设为 0 则不会自动关闭
    onClose:()=>{
    　　//此处写提示关闭后需要执行的函数
    }
});

后来发现其实也挺简单的，但一开始的时候脑子短路一样，并没有想到，一开始没有使用箭头函数，我想实现的是提示关闭后跳转到首页就直接写跳转的代码，导致没有提示信息就直接跳转，写了命名函数然后调用发现也没有用，不知道是什么问题，后面才想到使用箭头函数，这才成功，es6的语法使用的还是不习惯，看来要多用啊，不然就落伍了。