标签：head   string   ext   new   fir   rom   引入   用户   str   

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

02_MessageBox

标签：head   string   ext   new   fir   rom   引入   用户   str   

原文地址：https://www.cnblogs.com/luwei0915/p/12248534.html