elementUI-MessageBox 弹框之$prompt
warning:
这篇文章距离上次修改已过429天，其中的内容可能已经有所变动。
$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 方法中的回调函数。
评论已关闭