关于element-ui Notification 多次调用重叠问题

Posted yangjunbohtml

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于element-ui Notification 多次调用重叠问题相关的知识,希望对你有一定的参考价值。

按照官网多次调用会出现这种问题

技术图片

 

 

技术图片

 

修改之后

data() {
    return {
      notifyPromise: Promise.resolve()
    }
},
methods: {
    notify(msg) {
      this.notifyPromise =     this.notifyPromise.then(this.$nextTick).then(()=>{
        this.$notify({
          title: "标题",
          message: msg,
          dangerouslyUsehtmlString: true,
          duration: 0,
        })
      })
    },
  }


    

这样多次调用即完美解决

以上是关于关于element-ui Notification 多次调用重叠问题的主要内容,如果未能解决你的问题,请参考以下文章

取消elementUI-Notification组件($notify弹框)的esc按键关闭

关于Android中new Notification

关于element-ui表格的使用

关于element-ui的按需引入配置

关于element-ui的使用

关于element-ui的样式覆盖问题