码迷,mamicode.com
首页 > 其他好文 > 详细

02_MessageBox

时间:2020-02-01 16:44:21      阅读:77      评论:0      收藏:0      [点我收藏+]

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

Message box

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


引入

import { MessageBox } from ‘mint-ui‘;

例子

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

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

或者传入一个对象

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

此外,MessageBox 还提供了 alertconfirm 和 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

02_MessageBox

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

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!