element中Notification的回调方法close、onClick、onClose

for (let i = 0; i < showList.length; i++) {
  let notify = await this.$notify({//解决消息框重叠  也可以通过加延迟解决
    title: showList[i].message.title,
    message: h('p', [
      h('p', null, showList[i].message.content),
      h('p', {
        class: 'notice-cursor',
        on: {
          click: () => {
            this.closeNotification(showList[i].messageId)
          },
        },
      }, '跳转列表查看'),
    ]),
    dangerouslyUseHTMLString: true,
    duration: 10000,
    position: 'bottom-right',
    customClass: 'home-notice',
    offset: 20,
    onClose() {
      console.log('关闭回调')
    }
  })
  this.notifications[showList[i].messageId] = notify
}
//关闭单个通知
closeNotification(messageId){
  //省略部分代码
  this.notifications[messageId].close()
  delete this.notifications[messageId]
},
//关闭所有通知
closeAllNotification() {
  for (let key in this.notifications) {
    this.notifications[key].close()
    delete this.notifications[key]
  }
},

 

posted @ 2022-04-29 17:44  _houjie  阅读(2008)  评论(0)    收藏  举报