对于Element Plus的MessageBox组件,你可以使用input-validator进行非空验证。
下面是一个示例代码:
import { MessageBox } from 'element-plus';
// 弹出消息框
MessageBox.prompt('请输入内容', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
inputValidator: (value) => {
if (!value.trim()) {
return '内容不能为空';
}
return true;
},
}).then(({ value }) => {
// 用户点击确定按钮,并且输入内容非空时执行的回调函数
console.log('输入的内容:', value);
}).catch(() => {
// 用户点击取消按钮或关闭消息框时执行的回调函数
});
在上述示例中,我们使用了inputValidator选项来进行输入非空验证。如果用户输入为空(包含只有空格的情况),则会显示错误信息”内容不能为空”,否则会继续执行确认操作,并将用户输入的内容打印到控制台。
请确保已正确引入和配置Element Plus库,以及相关依赖文件。
内容由零声教学AI助手提供,问题来源于学员提问




