vue+element-ui notify组件的使用小优化

element-ui中的notify没有设置每次弹出的时间间隔,如果前端的点击事件不加以控制的话,会一直弹出多个notify。在API中notify有一个close()方法,利用这个可以控制每次只会弹出一个notify。


效果
notify() {
    if(this.notifyInstance) {
        this.notifyInstance.close();
    }
     this.notifyInstance=this.$notify({
          title: '警告',
          message: '这是一条警告的提示消息',
          type: 'warning'
         });
  
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,696评论 25 709
  • 用两张图告诉你,为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料? 从这篇文章中你...
    hw1212阅读 13,134评论 2 59
  • 武志红讲理想的家庭结构,可以归到一句话:夫妻关系是定海神针。即,夫妻关系在一个家庭和家族中,是要第一位的,...
    張夏阅读 207评论 0 0
  • 近段时间,当您登录招商智远理财平台时,就会发现,系统会给您提示让您更新智远一户通PC版,网上交易PC端进入...
    小覃的业务手册阅读 5,099评论 0 0
  • 黑夜躺下埋葬 白昼起身打扫 萧条与纷扰之间 你的黑夜是否烛火长明 你的白昼是否一尘不染 吃着干净的粮食 走着清扫的...
    lolo007阅读 275评论 0 0