Dialog 弹出框

Dialog 弹出框,简洁明了,可自定义 css


例子

基本用法

// 消息提示框
this.$dialog.alert({
  title: '沁园春·雪',
  message: '北国风光,千里冰封,万里雪飘。望长城内外,惟余莽莽;',
})

// 消息确认框
this.$dialog.confirm({
    title: 'The author',
    message: 'by gauseen',
  }).then(() => {
    console.log('已确认')
  }).catch(() => {
    console.log('已取消')
})

// 关闭弹窗前 先执行回调
this.$dialog.confirm({
  title: '沁园春·长沙',
  message: '怅寥廓,问苍茫大地,谁主沉浮?',
  beforeClose (action, done) {
    // action == confirm 为确认操作
    if (action === 'confirm') {
      window.setTimeout(done, 1600)
    } else {
      // 关闭 dialog 事件
      done()
    }
  },
})

事件:

方法名参数返回值说明
this.$dialog.alertoptionsPromise展示消息提示弹窗
this.$dialog.confirmoptionsPromise展示消息提示弹窗
this.$dialog.close关闭弹窗

options 对象字段说明:

参数说明类型可选值默认值
title标题String
message内容String
showConfirmButton是否显示确认按钮Booleantrue
showCancelButton是否显示取消按钮Booleanfalse
confirmButtonText确认按钮的文案String确认
cancelButtonText取消按钮的文案String取消
beforeClose关闭前的回调函数,调用 done 后关闭弹窗