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

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

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

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

posted @ 2019-12-16 17:55  执笔画惊鸿  阅读(6735)  评论(0)    收藏  举报