elmentui 提示框input校验(属性inputValidator的使用)

最新推荐文章于 2024-03-04 17:14:44 发布

妮北鼻的学习乐园

最新推荐文章于 2024-03-04 17:14:44 发布

阅读量5.9k

点赞数 4

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： elementui

本文链接：https://blog.csdn.net/choupixiaolin/article/details/126037885

vue 专栏收录该内容

3 篇文章

订阅专栏

这篇博客探讨了在前端应用中使用$prompt进行用户输入校验的方法，详细展示了如何设置输入框、验证输入长度并自定义错误提示。在用户确认操作前，通过beforeClose回调处理确认逻辑，确保数据有效性和用户体验的流畅。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

提示框提交内容时,进行校验的写法!

this.$prompt('Reason：', 'To Operation Agent', {
 2                     showCancelButton: true,
 3                     showInput: true,
 4                     inputType: 'textarea',
 5                     inputValue: "",
 6                     inputValidator: value => {
 7                         if (value === "") {
 8                             return true;
 9                         }
10                         return !(value.length > 10);
11                     },
12                     inputErrorMessage: 'input maxLength is 10!',
13                     beforeClose:(action, instance, done)=> {
14                         if (action==='confirm'){
15                             alert("1111");
16                         }
17                         done();
18
19                     }
20                 }).then(() => {
21                     this.$message({
22                         type: 'success',
23                         message: '已驳回'
24                     });
25                 }).catch(() => {
26                     this.$message({
27                         type: 'info',
28                         message: '已取消'
29                     });
30                 });