element中表单验证callback未显示

最新推荐文章于 2023-04-22 15:39:53 发布
最新推荐文章于 2023-04-22 15:39:53 发布
阅读量3.8k 收藏 2
点赞数 2
分类专栏： 问题
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41364597/article/details/93209848
版权

找了半天发现我的代码逻辑上没有错，但是就是在显示用户名存在的时候，这个错误不显示。我开始在请求里面写了callback,然后又在请求结束又写了一个。就相当于一个出口，有两个callback
在这里插入图片描述
后来发现，应该在每个出口只设置一个callback.多个callback,就没办法显示，因为它不知道应该显示哪一个

小可不才111
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Centos8.5yum源
02-02
下载地址 https://mirrors.aliyun.com/repo/Centos-vault-8.5.2111.repo https://mirrors.aliyun.com/repo/epel-archive-8.repo
【工作笔记之element及vue的问题解决记录】
小三七的学习
04-16 384
1.思路：vue中的父子组件传值，可以实现父组件的按钮触发某个子组件的显示（比如：表单） 2. 在vue中导入js文件，并要使用里面的函数： 首先引入在js文件：import {A} from 'url' 然后在js文件中导出你要使用的函数A（如果A是主函数，B，C,D函数都被A调用），那么直接在js文件的最下面，函数外导出：export {A} 然后在vue中使用A(param1,param...
解决在vue中使用elementUI自定义校验及点击提交不生效问题
明思齐的博客
04-22 6082
本章讲述的主要是对身份证号码的校验及为何校验了但提交不生效问题。🍀1、身份证号码（二代18位身份证）的含义1️⃣ 1-2位：代表所属省级政府的代码；2️⃣ 3-4位：代表所在的地、市级政府代码；3️⃣ 5-6位：代表所在区、县级政府代码；4️⃣ 7-10位：代表身份证持有人的出生年份；5️⃣ 11-12位：代表身份证持有人的出生月份；6️⃣ 13-14位：代表身份证持有人的出生当月日期；7️⃣ 15-16位：代表身份证持有人在当地的顺序码（所在地的派出所的代码）；
关于elementui this.$refs[“form“].validate校验消失的原因
weixin_48090015的博客
10-24 1530
在表单提交的时候遇到elementui 提交点击确认后却没有显示任何成功或者失败的信息，原因大概率是在表单中rules使用了自定义校验，而elementui中自定义校验一定要有callback()，添加之后得以提交表单。
5种处理Vue异常的方法
weixin_33716154的博客
06-17 2065
原文: Handling Errors in Vue.js 译者: Fundebug 本文采用意译，版权归原作者所有 去年一整年，我都在使用最爱的—Vue.js— 来做项目。最近突然意识到，我竟然从来没有认真去处理异常。我可以自恋地说："我写的代码是完美的，没有BUG。" 我相信大家都明白这是迷之自信。最近，我花了不少时间研究了Vue中处理异常的各种技巧，在此想把我学到的分享给大家。 错误大全...
VUE 常见问题 --- vue+el 验证时，只有在失败时返回，成功不返回的问题
weixin_45102071的博客
06-26 552
在使用 vue + el 做表单验证的时候，点击提交按钮，只有在 vaild 为false时执行，成功时没有反应 addUser() { this.$refs.addFormRef.validate(valid => { console.log(valid) }); } 只返回 false，成功时控制不报错，页面不执行 百度后解决： 在验证时，成功与否都要callback，并且要写对 callback（） var checkEmail = (rule,
element UI form表单自定义校验 callback无效
weixin_45422787的博客
08-10 2260
<el-form-item v-else :key="formList.nationalType" label="销售价：" prop="multistage_price" :rules="[{ validator: multistagePriceRule2 }]" // 自定义校验 > 问题是当把下面的代码用方法封装一下callback，循环value这个数组去调用的话，callback无效 最终解决的代码，手动一行行自己展开写 mult
用户注册练习
xyx_312的博客
07-01 613
用户注册，代码和思路
验证方法自用
weixin_59167537的博客
12-28 253
无
this.$refs.form.validate() 不执行问题的解决办法
热门推荐
zyf971020的博客
11-15 1万+
this.$refs.form.validate() 不执行问题的解决办法
vue element自定义表单验证请求后端接口验证
12-30
做vue项目的时候遇到了一个需求，在验证某个表单项时不仅需要是必填项而且要去通过接口校验是否有重复值。 template 账户 prop=userid> <el v-model=addForm.userid></el> 引入接口 import { checkUseridRepeat...
实现elementUI表单的全局验证的方法步骤
01-19
使用ElementUi搭建框架的时候，大家应该都有考虑过怎么做全局验证，毕竟复制粘贴什么的是最烦了，这里分享下个人的解决方法。 验证规则 分析规则 一般验证规则，主要是是否必填，不为空，以及参数类型的验证。 ...
vue elementui form表单验证的实现
01-19
1.问题 我们公司的项目比较大 表格 表单的页面都不胜数 ，基于此封装了一些 可复用的代码。 2.分析 vue给了我们不一样的前端代码体验 element ui 给我们一套功能强大的组件 减少了我们大量的开发时间 。双剑合璧 ...
Vue循环组件加validate多表单验证的实例
12-29
*父父组件（helloWorld.vue）: <el type=text click=saveAll class=button>SAVE <promise ref=promiseFather></promise> [removed] import PromiseFather from './promiseFather' export default { ...
vue+element-ui集成随机验证码+用户名+密码的form表单验证功能
01-19
在登入页面，我们往往需要通过输入验证码才能进行登入，那我们下面就详讲一下在vue项目中如何配合element-ui实现这个功能 第一步：自定义一个生产随机验证码的组件，其本质是使用canvas绘制，详细代码如下： ...
使用element-ui遇到的坑
Stargazer（仰望星空）的博客
04-23 282
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录遇到的坑1.表单重置方法未生效 提示：以下是本篇文章正文内容，下面案例可供参考 遇到的坑 1.表单重置方法未生效 官方示例： <el-form :model="ruleForm" status-icon :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm"> <el-form-item label="密码" prop=
linux查找repo文件夹,搜索系统中所有以.repo结尾的文件并删除（find命令详解及xargs命令详解）...
weixin_32799203的博客
04-28 2257
find / -name *.repo | xargs rm –rf //搜索以.repo结尾的文件并删除find命令详解精细查找文件或目录dfind [ 查找范围 ] [ 查找条件表达式 ]常用查找条件：按名称查找："-name"，支持通配符"*"、"?"按文件大小查找："-size"，可使用"+"、"-"作为容量条件按文件属主查找："-user"按文件类型查找："typ...
linux git仓库删除,技术|如何清洗 Git Repo 代码仓库
weixin_42213451的博客
05-14 490
相信不少团队的代码仓库 Git Repo 变得越来越大。除了代码的提交外，时常有人会把二进制文件比如 Jar 包或者不小心把不该提交到代码库的文件提交到代码库中，比如用户名密码之类的保密信息。如何清洗代码仓库 Git Repo，彻底从历史中删除此类文件呢？手动清理如果你们的代码仓库问题比较少，只有几个不该提交的文件，可以参考 Atlassian 的一篇关于维护 Git Repo 的文章。大致过程如...
项目小操作：form表单的校验，以及第二次显示提示校验内容等问题
Y4258的博客
08-05 3474
自己规整，记录学习
element表单验证规则
最新发布
06-02
Element UI 提供了一些内置的表单验证规则，可以通过设置 `rules` 属性来进行表单验证。 以下是一些常见的内置验证规则： - required：必填项，不能为空 - email：必须符合邮箱格式 - url：必须符合网址格式 - number：必须是数字 - date：必须符合日期格式 - integer：必须是整数 - float：必须是浮点数 - regexp：必须符合正则表达式 除了内置验证规则之外，还可以通过自定义验证规则来进行表单验证。 例如，可以在 `rules` 属性中定义一个自定义的验证规则： ```javascript rules: { // 自定义验证规则 customRule: [ { required: true, message: '必填项不能为空' }, { min: 6, max: 20, message: '长度在 6 到 20 个字符' }, // 自定义验证函数 { validator: (rule, value, callback) => { if (value && !/^[a-zA-Z0-9]+$/.test(value)) { callback(new Error('只能输入字母和数字')); } else { callback(); } }, message: '只能输入字母和数字' } ] } ``` 上述代码中，自定义验证规则名为 `customRule`，用于验证输入框中的值是否符合要求。其中，使用了内置的 `required` 和 `min/max` 规则，以及自定义的验证函数来进行表单验证。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值