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


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

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

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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM