//好的 不再提示
    neirong1(i){
          const h = this.$createElement;  //vue 中的渲染函数  createElement 参数
          var that = this;
          that.notifyPromise = that.notifyPromise.then(that.$nextTick).then(function () {  //防止通知叠加
          let notify =that.$notify({   
          title: that.msgNotify[i].title,
          customClass:'sss',    //给最外层div加class
          message: h('p', null, [          //消息中除了标题所有的dom写在[]中
            h('div', null, that.msgNotify[i].digest),
              h('el-button', {
                style: {
                  margin:'15px 5px 10px 100px',
                },
                attrs: {
                  size: 'mini',
                  type: 'primary'
                },
                on: {
                click:function(){
                  console.log(that.msgNotify[i].id)
                  request({
                    url: '/sp/message/spBG/isRead',
                    method: 'get',
                    params:{id:that.msgNotify[i].id}
                  }).then(res => {
                    that.msgNotifyList[that.msgNotify[i].id].close() //关闭通知
                    if(that.msgNotify[i].isRead==0){
                      that.$store.state.user.num1--  
                    }
                  })
                  }
                }
              }, '好的'),
              h('el-button', {
                style: {
                  margin:'10px 5px',
                //  float: 'right'
                },
                attrs: {
                  size: 'mini',
                  type: 'primary'
                },
                on: {
                click:function(){
                  console.log(that.msgNotify[i].id)
                  request({
                    url: '/sp/message/spBG/isPopout',
                    method: 'get',
                    params:{id:that.msgNotify[i].id}
                  }).then(res => {
                    that.msgNotifyList[that.msgNotify[i].id].close()  //找到该id对应的某个notify关闭
                  })
                  }
                }
              }, '不再提示')
        ]),
        position: 'top-right',  //通知在页面的显示位置
        duration: 0, 
        offset: 20,
        dangerouslyUseHTMLString: true
        })
        that.msgNotifyList[that.msgNotify[i].id]=notify    //把每个通知都放进msgNotifyList中,例如{id:某个notify}
      })
    },

防止通知重叠进行的异步操作

GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:3 个月前 )
c345bb45 7 个月前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 7 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐