Vue.js实现自定义Dialog标签，自定义标签内容及按钮

废话不说，直接上代码：
提示弹窗代码如下：

 const dialogContent = '本课程为特惠课，仅限新用户购买，请于购买渠道进行退费'
  Dialog.alert({
      message: dialogContent,
      className: 'confirmBtn',
      confirmButtonText: '好的',
      confirmButtonColor: '#FF5E50'
   }).then(() => {
        location.reload()
   })

效果如下：

确认弹窗代码如下：

 const info =  '课程兑换成功后不可退换，确定兑换该课程？'
          Dialog.confirm({
            title: '确认兑换？',
            message: info,
            className: 'reConfirm leftConfirm',
            cancelButtonColor: 'rgba(133, 140, 150, 1)',
            confirmButtonColor: '#fff',
            allowHtml: true
          })

效果如图：