vue element messagebox 移动端 弹窗提示不重复

场景: 在移动端, 进行表单校验时, 校验错误提示信息,每点击一次就会出现一次, 重复点击, 提示信息同时出现多个, 非常不友好
效果: 1. 多次点击提交,只出现一次信息提示,不可多个信息提示同时出现 2. 只提示最上方的第一个表单校验错误信息提示

在这里插入图片描述

此处,如果手机号和邮箱都为空, 那么只会提示, 手机号不能为空 , 只有一条提示信息

在这里插入图片描述

  if (document.getElementsByClassName("el-message").length > 0) return;
          let arr = Object.entries(callback);
          this.$message({
            message: arr[0][1][0].message,
            type: "error",
          });
          return false;
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值