弹出式提示框 | 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 | 是否显示确认按钮 | Boolean | true | |
showCancelButton | 是否显示取消按钮 | Boolean | false | |
confirmButtonText | 确认按钮的文本 | String | ||
confirmButtonHighlight | 是否将确认按钮的文本加粗显示 | Boolean | false | |
confirmButtonClass | 确认按钮的类名 | String | ||
cancelButtonText | 取消按钮的文本 | String | ||
cancelButtonHighlight | 是否将取消按钮的文本加粗显示 | Boolean | false | |
cancelButtonClass | 取消按钮的类名 | String | ||
closeOnClickModal | 是否在点击遮罩时关闭提示光 | Boolean | true (alert 为 false) | |
showInput | 是否显示一个输入框 | Boolean | false | |
inputType | 输入框的类型 | String | 'text' | |
inputValue | 输入框的值 | String | ||
inputPlaceholder | 输入框的占位符 | String |
本文档系腾讯云开发者社区成员共同维护，如有问题请联系 cloudcommunity@tencent.com
