码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-12-16 19:14:49      阅读:1350      评论:0      收藏:0      [点我收藏+]

标签:类型   offset   语法   登录   首页   偏移量   success   ati   style   

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

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

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

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

标签:类型   offset   语法   登录   首页   偏移量   success   ati   style   

原文地址:https://www.cnblogs.com/limerence-cy/p/12050401.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!