import { Message, MessageBox } from 'element-ui'

let _common = {}

_common = {
  MessageError: MessageError,
  MessageInfo: MessageInfo,
  MessageSuccess: MessageSuccess,
  MessageWarning: MessageWarning,
  MesssageBoxQuestion: MesssageBoxQuestion,
  MessageBoxSuccess: MessageBoxSuccess,
  MessageBoxInfo: MessageBoxInfo,
  MessageBoxError: MessageBoxError
}

export default _common

export function MessageError(text = '錯誤',) {
  Message({
    message: text,
    type: 'error',
    duration: 3 * 1000
  })
}
export function MessageInfo(text = '取消') {
  Message({
    message: text,
    type: 'info',
    duration: 3 * 1000
  })
}
export function MessageSuccess(text = '成功') {
  Message({
    message: text,
    type: 'success',
    duration: 3 * 1000
  })
}

export function MessageWarning(text = '警告') {
  Message({
    message: text,
    type: 'warning',
    duration: 3 * 1000
  })
}

export function MesssageBoxQuestion(text = 'Box詢問') {
  return MessageBox.confirm(text, '提示', {
    confirmButtonText: '確定',
    cancelButtonText: '取消',
    type: 'warning'
  })
}

export function MessageBoxSuccess(text = 'Box成功') {
  return MessageBox.confirm(text, '提示', {
    confirmButtonText: '確定',
    cancelButtonText: '取消',
    type: 'success'
  })
}

export function MessageBoxInfo(text = 'Box取消') {
  return MessageBox.confirm(text, '提示', {
    confirmButtonText: '確定',
    cancelButtonText: '取消',
    type: 'info'
  })
}

export function MessageBoxError(text = 'Box錯誤') {
  return MessageBox.confirm(text, '提示', {
    confirmButtonText: '確定',
    cancelButtonText: '取消',
    type: 'error'
  })
}
最開始引入全局蝎困，在main.js中添加：import { MessageError, MessageInfo, MessageSuccess, MessageWarning, MessageBoxWarning, MessageBoxSuccess, MessageBoxInfo, MessageBoxError } from '@/utils/validate'

Vue.prototype.$MessageError = MessageError
Vue.prototype.$MessageInfo = MessageInfo
Vue.prototype.$MessageSuccess = MessageSuccess
Vue.prototype.$MessageWarning = MessageWarning
Vue.prototype.$MessageBoxWarning = MessageBoxWarning
Vue.prototype.$MessageBoxSuccess = MessageBoxSuccess
Vue.prototype.$MessageBoxInfo = MessageBoxInfo
Vue.prototype.$MessageBoxError = MessageBoxError
現(xiàn)在我們不這么寫了蚜厉，為了更好的拓展性，在main.js中添加以下兩行代碼:import messagebox from '@/utils/validate'
Vue.prototype.$MessageBox = messagebox
2捡硅、使用方法this.$MessageBox.MessageSuccess('成功刪除數(shù)據(jù)')
this.$MessageBox.MessageBoxWarning('此操作將永久刪除本次考試, 是否繼續(xù)?').then(() => {
// 點擊確定時執(zhí)行的方法
   request_post_data(api.baseExam.delete, { examBaseId: this.multipleSelection[0].id }).then(response => {
     if (response.data.success) {
       this.$MessageSuccess('成功刪除數(shù)據(jù)')
       this.getData()
      } else {
       this.$MessageError(response.data.Message)
     }
   })
 }).catch(() => {
// 點擊取消時執(zhí)行方法
   this.$MessageInfo('已取消刪除')
 })
}
如果想要將message改成模態(tài)窗口秉继，還想要使用遮罩層祈噪，可以使用messageboxexport function msgWaring(text = 'Box') {
  MessageBox.confirm(text, '提示', {
    type: 'warning',
    showCancelButton: false,
    showConfirmButton: false
  }).then(() => {
  }).catch(() => {
  })
}
注意一定要加then及catch。否則點擊遮罩層的時候會報錯