ElMessageBox.prompt 点击确认校验成功后关闭

曲小强

于 2023-09-07 13:51:23 发布

阅读量1.9k

点赞数

CC 4.0 BY-SA版权

分类专栏： Vue.js 文章标签：前端

本文链接：https://blog.youkuaiyun.com/quhongqiang/article/details/132736297

Vue.js 专栏收录该内容

50 篇文章

订阅专栏

本文介绍了如何在使用ElementUI的ElMessageBox组件时，实现取货码的输入验证，包括正则表达式限制、错误提示及确认操作处理。

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

在这里插入图片描述

ElMessageBox.prompt('', '验证取货码', {
 inputPattern: /^.{1,20}$/,
    inputErrorMessage: '请输入取货码',
    inputPlaceholder: '请输入取货码',
    beforeClose: (action, instance, done) => {
        if (action === 'confirm') {
            if (instance.inputValue) {
                let flag = false;
                if (flag) {
                    done()
                } else {
                    ElMessage.error('取货码错误');
                    return
                }
            }
        }
        done();
    }
});