首页 > 技术文章 > antd message 提示 jsx

dhjy123 2020-04-10 19:55 原文

 

   
      this.$message.open({
        key: 'noticeInfo',
        content: h => (
          <span>
            下载任务已提交,请前往
            <span style="color:#1890ff;cursor:pointer;" onClick={this.gotoReportPage}>
              报表中心
            </span>
            查看进度
          </span>
        )
      })



   beforeDestroy() {
    this.$message.destroy()
  },
  deactivated() {
    console.log('beforeRouteLeave  resultPage..')
    this.$message.close('exportNotice')
    // this.$notification.destroy()
  },


  this.$notification.open({
        key: 'exportNotice',
        class: 'myExportNotice',
        // duration: 9999,
        message: h => (
          <a-alert
            class="my-alert"
            type="success"
            message={
              <span>
                下载任务已提交,请前往
                <span style="color:#1890ff;cursor:pointer;" onClick={this.gotoReportPage}>
                  {' '}
                  报表中心{' '}
                </span>{' '}
                查看进度
              </span>
            }
          ></a-alert>
        ),
        onClick: () => {
          console.log('Notification Clicked!')
        }
      })

 

推荐阅读