目录
当前位置: 首页 > 文档资料 > Mint UI 中文文档 >

message-box

优质
小牛编辑
132浏览
2023-12-01

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


引入

import { MessageBox } from 'mint-ui';

例子

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

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

或者传入一个对象

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

此外,MessageBox 还提供了 alertconfirmprompt 三个方法,它们都返回一个 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