Mint UI 弹框提示组件MessageBox

引入

import { MessageBox } from 'mint-ui'

以标题与内容字符串为参数进行调用

MessageBox('提示', '操作成功');

或者传入一个对象

MessageBox({
  title: '提示',
  message: '确定执行此操作?',
  showCancelButton: true
});

自定义按钮文本

MessageBox({
  title: '提示',
  message: '确定执行此操作?',
  confirmButtonText:'是',
  cancleButtonText:''否,
  showCancelButton: true
});

自定义按钮事件

MessageBox({
  title: '提示',
  message: '确定执行此操作?',
  confirmButtonText:'是',
  cancleButtonText:''否,
  showCancelButton: true
}).then(res=>{
	if(res=='confirm'){
		console.log('confirm')
	}else{
		console.log('cancel')
	}
})

MessageBox 还提供了 alert、confirm 和 prompt 三个方法，它们都返回一个 Promise

MessageBox.alert(message, title);
MessageBox.alert('操作成功').then(action => {
  ...
});
MessageBox.confirm(message, title);
MessageBox.confirm('确定执行此操作?').then(action => {
  ...
});
MessageBox.prompt(message, title);
MessageBox.prompt('请输入姓名').then(({ value, action }) => {
  ...
});