vue使用Antd，FormModel，赋值没有重新验证

已于 2022-05-11 14:00:12 修改
阅读量1.2k 收藏 1
点赞数 1
分类专栏： 随笔 文章标签： react.js
于 2021-09-01 16:46:40 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46912752/article/details/120043234
版权

Antd，FormModel，赋值没有重新验证

vue使用Antd，FormModel，赋值没有重新验证

习惯了表单元素的值发生改变后，会自动触发表单的验证，但是今天，它不验证了！好家伙。
好家伙
这个输入框有些特殊，值不是输入进去的，是我用了v-model后，直接赋值给它，然后就没触发验证；就比较纳闷了，那就主动调一次验证呗，翻api发现validate（验证整个表单），validateField（验证部分字段），用validateField试了一下
在这里插入图片描述

this.$refs.pageData.validateField("xsjl");

解决

看客008
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
antd vue表单验证_解决antd Form 表单校验方法无响应的问题
weixin_33267354的博客
01-12 6578
antd 的 表单校验方法包括 validateFields 和 validateFieldsAndScroll里面可以接收校验字段数组, options, 和一个回调函数from.validateFields([name, age], {}, (err, val)=> {})校验全部表单数据from.validateFields((err, val)=> {}) // 无响应发现无响...
VUE表单编辑重新赋值之后校验不生效的问题
Lydia
09-19 581
【代码】VUE表单编辑重新赋值之后校验不生效的问题。
vue+antd表单已输入内容但校验一直不消失问题总结
最新发布
under taker
05-29 347
值得注意的是，如果你的表单是在弹框里，在弹框打开的方法中是否对form进行了重新赋值，如果用等于号赋值可能会导致form缺少字段，正确做法是用对象合并的方法。使用antd表单校验规则经常出现已经填写内容了但校验提示一直存在的情况，以下是我遇到并问题总结的解决方法，希望能帮到你们。5、在表单校验规则中，输入框、文本框的触发方式最好使用blur，日期选择器、普通选择器使用change。4、确认form绑定的model是否已初始化各个字段（最常见但容易忽略的情况）3、确认form绑定的model。
vue input输入框只读，手动赋值后提交form表单时，验证没刷新，依然验证为空
Liberty_yes的博客
11-24 1544
vue input输入框只读，手动赋值后提交form表单时，验证没刷新，依然验证为空
Vue iview form表单验证失效
qq_45094682的博客
09-20 3059
当Form表单添加rules格式校验时，我们一般会采取默认iview form表单校验，这导致一些数字类型(number)的数据验证失效
antd vue form model 部分表单验证
陌桑楚客
03-01 770
const validatePropList = ['topic', 'examQuestionBankId', 'instruction', 'difficulty', 'analysis', 'emphasis' ]; const validateErrMsgList = []; this.$refs.form.validateField(validatePropLis...
vue-antd-mobile
05-13
vue-antd-mobileAnt Design mobile of Vue实现基于组件库样式使用Install 安装正在开发中...This module is still working in progress right now, so it is just for placeholder.Usage 使用Develop 开发build 打包...
解决antd Form 表单校验方法无响应的问题
01-18
antd 的 表单校验方法包括 validateFields 和 validateFieldsAndScroll 里面可以接收校验字段数组, options, 和一个回调函数 from.validateFields([name, age], {}, (err, val)=> {}) 校验全部表单数据 from....
基于Vue的vue-antd-design antd学习设计源码
05-24
本项目是基于Vue的vue-antd-design antd学习设计源码，包含61个文件，其中包括32个Vue文件、17个JavaScript文件、2个Markdown文件、2个JSON文件、1个Browserslistrc文件、1个Gitignore文件、1个JPG文件、1个ICO文件...
Vue ElementUI之Form表单验证遇到的问题
12-09
首先说一下 我在form表单里面遇见的坑： 1.例如我要给后台传的不是对象，而是一个数组，怎么写验证？ 2.比如我有四个弹出框，都要做验证，这个时候就要注意了，每一个弹出框的ref都不能给的一样，并且一定要与当前...
vue-antd-admin：:ant:Ant Design Pro与Vue的实施
02-06
简体中文|Vue Antd管理员的Vue实现版本开箱即用的中后台前端/设计解决方案多种主题模式任选：预览地址： : 使用文档： : 常见问题： ://iczer.gitee.io/vue-antd-admin-docs/start/faq.html国内知名： ://gitee....
Ant Design Vue表单校验失效问题
cnbyz的博客
11-24 3864
form表单添加校验失效
Ant Design Vue 表单验证踩坑
乡村的一股清流~
01-16 4722
最近一个项目用了 Ant Design Vue ，我也不知道为啥用这个。。。FORM表单验证踩地坑简直是让我哭哭哭 以前用elementUI,Iview,很顺手，v-model简直是标配 可是这个Ant Design Vue 在需要验证的时候 不能用##### v-model,用v-decoration。 贴代码 如下 <style lang="less"> @import 'sou...
Antd 中Modal和Form配合时验证器无效和默认值不更新问题
MFine的博客
10-24 2166
Antd 中Modal和Form配合时验证器无效和默认值不更新问题 验证器无效问题 发现过程 在跟着B站React实战课程走的时候，因为课程是Antd V3我使用的是V4。所以在遇到Modal中嵌套From时，课程使用的是高阶组件的方式实现验证器。我看见V4直接有rules(包括使用validator)属性，直接设置后发现无效。 解决方法 其实在官方文档有Modal组件配合的实例。 import React, { useState } from 'react'; import { Button, Modal
ant design vue 中FormModel 自定义正则校验方法
asteriaV的博客
09-15 6655
方法一： <a-form-model ref="ruleForm" :model="form" :rules="rules" :label-col="labelCol" :wrapper-col="wrapperCol" > <a-form-model-item ref="name" label="姓名" prop="name"> <a-inp.
ant-design-vue a-form 无法校验自定义组件
jiaweiliao的博客
02-18 912
## 问题背景 项目中有一个需求，利用form表单校验表单内部值是否合法，当时需要校验一个自定义upload组件上传文件，按照官方文档的方式绑定对应的变量，校验官方input、select等组件都是能够成功的，但是校验自定义的upload组件却始终无法生效。当时使用版本为 "ant-design-vue": "^3.0.0-beta.7"。form表单无法主动校验自定义组件，需要由组件内部通知外部form表单进行校验。
el表单对象属性赋值，表单校验失败问题
冬瓜的博客
07-20 660
给表单对象赋值，提交表单数据，校验的字段虽然有值，但是form表单还是会校验出错。把相应的校验数据改为响应式即可。
小程序form表单验证,validate 在更新数据以后不能验证？还是提示同样的错误
LlanyW的专栏
07-17 788
花了2个小时，最后发布是模式models写错了。一直报手机号码必须填写，但是我已经填写了。
ant-design里用Form（v-decorator）和FormModel(v-model)
piaocanY的博客
12-29 6855
继续更新 用ant-design 的踩坑记录。。 Form 和 FormModel 近在用ant design vue 做项目 遇到了 一下坑 比如 v-decorator 可以做数据 绑定 与v-model 不同的是 给 form 表单赋值 v-model 的值是 双向绑定的 如果想 给改变 v-model的值 直接赋值 即可 比较 方便 而 v-decorator 个人认为 有点 麻烦 如果 你想 改变 v-decorator 中绑定的值 Form 如上图 需要用到 this.form.setFie
vue3 antdvue 表单验证
01-30
以下是使用Vue3和Ant Design Vue进行表单验证的示例： ```vue <a-form :form="form" @finish="handleSubmit"> <a-form-item label="名称" name="name" :rules="nameRules"> <a-input v-model="form.name" /> ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值