弹出式提示框 | Message box

Message box

弹出式提示框，有多种交互形式。

引入

import { MessageBox } from 'mint-ui';

例子

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

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

或者传入一个对象

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

此外，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 }) => {
  ...
}

在 prompt 中，若用户点击了取消按钮，则 Promise 的状态会变为 rejected

API

参数说明类型可选值默认值
title提示框的标题String
message提示框的内容String
showConfirmButton是否显示确认按钮Booleantrue
showCancelButton是否显示取消按钮Booleanfalse
confirmButtonText确认按钮的文本String
confirmButtonHighlight是否将确认按钮的文本加粗显示Booleanfalse
confirmButtonClass确认按钮的类名String
cancelButtonText取消按钮的文本String
cancelButtonHighlight是否将取消按钮的文本加粗显示Booleanfalse
cancelButtonClass取消按钮的类名String
closeOnClickModal是否在点击遮罩时关闭提示光Booleantrue (alert 为 false)
showInput是否显示一个输入框Booleanfalse
inputType输入框的类型String'text'
inputValue输入框的值String
inputPlaceholder输入框的占位符String