elementUI-MessageBox 弹框之$prompt
$prompt
是 Element UI 中 MessageBox 的一个方法,用于创建一个可输入的对话框,通常用于提示用户输入某些信息。
以下是使用 $prompt
方法的示例代码:
// 引入 MessageBox
import { MessageBox } from 'element-ui';
// 触发弹框,并获取输入的值
MessageBox.prompt('请输入', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
inputPattern: /^[0-9]*$/,
inputErrorMessage: '只能输入数字'
}).then(({ value }) => {
// 用户点击确定并输入了数据
console.log(value);
}).catch(() => {
// 用户点击取消或关闭弹框
console.log('取消操作');
});
在这个例子中,MessageBox.prompt
方法创建了一个带有输入框的对话框。用户可以输入文本,当输入不符合 inputPattern
规则时,会显示 inputErrorMessage
的错误信息。用户点击确定后,会通过 .then
方法中的回调函数处理输入的数据;点击取消或关闭弹框时,则会进入 .catch
方法中的回调函数。
评论已关闭