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

这篇具有很好参考价值的文章主要介绍了ElMessageBox.prompt 点击确认校验成功后关闭。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

ElMessageBox.prompt 点击确认校验成功后关闭,Vue.js,前端文章来源地址https://www.toymoban.com/news/detail-705712.html

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();
    }
});

到了这里,关于ElMessageBox.prompt 点击确认校验成功后关闭的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 完善对话框,点击登录对话框,如果账号和密码匹配,则弹出信息对话框,给出提示R登录成功“,提供一个Ok按钮,用户点击OK后,关闭登录界面,跳转到其他界面,

    如果账号和密码不匹配,弹出错误对话框,给出信息\\\"账号和密码不匹配,是否重新登录\\\",并提供两个按钮Yes|No,用户点击Yes后,清除密码框中的内容,继续让用户进行登录,如果用户点击No按钮,则直接关闭登录界面如果用户点击取消按钮,则弹出一个问题对话框,给出信息

    2024年04月10日
    浏览(42)
  • Vue3实现带点击外部关闭对应弹出框(可共用一个变量)

    首先,假设您在单文件组件(SFC)中使用了Vue3,并且有两个div元素分别通过`v-if`和`v-else`来切换显示一个带有`.elpopver`类的弹出组件。在这种情况下,每个弹出组件应当拥有独立的状态管理(例如:各自的isOpen变量)。为了实现点击外部关闭对应弹出框的功能,我们需要为每个组

    2024年01月18日
    浏览(87)
  • vue 项目中点击弹窗后实现视频播放(包含关闭弹窗视频暂停)

    vue 项目使用 antd vue 的  Modal 弹窗 , 点击事件触发后,弹窗播放视频,播放视频使用 video 标签 补充: video 标签内可以添加 source 标签 Source标 签用于媒体(因为audio标签同样可以包含此标签,所以这儿用媒体,而不是视频)指定多个可选择的(浏览器最终只能选一个)文件

    2024年02月17日
    浏览(57)
  • vue-pc端elementui-统一修改问题-Dialog 对话框点击空白关闭问题-element-所有组件层级问题

    实际开发我们经常发现dialog弹出框默认点击遮罩层空白地方就会关闭-有属性可以关闭 但是经常会图方便-或者已经写完了,不想一个个写,可以在main.js进行统一关闭 当我们在页面进行复杂设计和层级关闭改变,会发现右上角的退出登录弹出款在我们页面之下 这是我们不管怎

    2024年02月13日
    浏览(31)
  • vue点击单张图片放大(纯js)

    vue点击单张图片放大 点击图片以后-》 在 vue 项目中,实现点击图片放大功能可以使用图片预览组件,如 vue-preview,或者使用 JavaScript 编写放大预览的代码。 步骤如下: 在 HTML 中加入图片元素,并给其绑定 click 事件。 在 vue 组件的 methods 选项中,定义图片点击事件的回调函

    2024年02月12日
    浏览(42)
  • three.js实现点击事件(vue)

    1.加载模型(通过点击模型触发事件) 2.通过射线获取到事件源 (new THREE.Raycaster()和new THREE.Vector2()) 3.通过点击到该模型使用名字匹配 clickedObject.name==“xx” addEventListener监听事件触发 创建 Raycaster和Vector2 计算鼠标或触摸点的位置 (这里的event是通过事件监听获取) 更新射线

    2024年02月16日
    浏览(35)
  • 小程序消息推送配置 Token校验失败,请检查确认

    一、小程序消息推送配置 Token校验失败,请检查确认 添加配置失败,原因 只要是没有echostr原样返回,就会报错; 注意,返回的事echostr的内容,而不是key=value格式 示例如下: 二、小程序消息推送配置 校验强调 1.保证自己的代码没有bug 2. 微信 服务器校验请求 请求参数:请

    2023年04月08日
    浏览(36)
  • vue项目使用js监听浏览器关闭、刷新、后退事件

    在项目的某些页面中,在执行某些接口调用过程的时候,如果用户选择刷新、关闭或者后退浏览器。有可能会造成接口被阻断,所以可能你会需要js监听浏览器关闭、刷新、后退事件,在进行这些操作的时候给个提示。如下图: end~

    2024年02月16日
    浏览(33)
  • Vue项目element-ui弹窗组件el-dialog、el-drawer,阻止点击遮罩层关闭

    效果图: 我们只需要设置这两个 属性 append-to-body :close-on-click-modal=“false” 注意 : 这里的close-on-click-modal属性前需要写入 :

    2024年02月12日
    浏览(46)
  • Spring Authorization Server入门 (十五) 分离授权确认与设备码校验页面

    2023-12-01修改:在session-data-redis(Github)分支中添加了基于 spring-session-data-redis 的实现,无需借助 nonceId 来保持认证状态,该分支已去除所有 nonceId 相关内容,需要注意的是 axios 在初始化时需要添加配置 withCredentials: true ,让请求携带cookie。当然一些响应json的处理还是使用下方的

    2024年02月14日
    浏览(29)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包