elementUI 校验数据不通过

已于 2022-05-09 10:16:36 修改
阅读量590 收藏
点赞数
分类专栏： vue 文章标签： vue
于 2022-04-25 18:34:54 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/baidu_39212797/article/details/124411337
版权

数据处理 前端校验 get、set方法 Object.assign 字段缺失
关键词由CSDN通过智能技术生成

1.后端返回的数据
this.form=response.data
没有我的字段adminname
在这里插入图片描述
赋值后的值，有数据，没有 get ,set方法，但校验不通过
在这里插入图片描述
总结
如果后台返回的子段是空的，前端没有初始化这个字段，后期你赋值是校验不了的，没有get set 方法

改为
this.form = Object.assign(this.form,response.data);

ckm紫韵
关注
专栏目录
elementUI表单验证的怪异问题-填入符合要求的数据校验不通过
Annie的博客
03-26 4362
一、现象 select选中选项后，提交表单，校验未通过 input填入符合要求的内容后，提交表单，校验未通过 二、代码 两个问题都是由于数据格式不匹配校验未通过，在select中，可以强制将option的value改为string类型，解决问题。但在input的例子中，我们需要的必须是number类型。在代码中强制转换为number类型，...
element ui validate校验有值却报错
LIUHUA121的博客
04-17 4893
不知何因，通过仔细观察报错的input等元素的内容会发现少有不同，最主要的是对象和字符串的不匹配吧。赋值的时候加上变成字符串就好了，
vue有关elementui form表单rules验证问题，有值却仍然显示不通过
web15085181368的博客
03-02 1万+
帮同事解决一个vue表单验证的问题，利用了rules，但是填完内容还是一直提示不能为空的错误，情况如下图所示： 1、检查:rules ref，例如本黎:rules=“rules” ref="reluForm"是否与data中定义的一致 2、检查prop值与绑定的属性一致，例如本例中prop="title"中title与data中rules规则绑定的属性一一对应 3、检测表单是否一致，例如本例中:model="addForm"与data中定义的表单名是否一致 以上都检查过没有问题 <el-form :
element-ui表单校验：有值却不通过
xilejie的博客
05-11 516
新增/编辑赋值的时候，以上有值校验不通过的值使用$set赋值。其他网上说的prop之类的都设置正确。
ElementUI在对话框中新增数据，使用rules校验规则进行校验，再点击完修改之后，在进行新增校验会报错
kobe_IT的博客
06-20 783
ElementUI在对话框中新增数据，使用rules校验规则进行校验，再点击完修改之后，在进行新增校验会报错
vue elementUI 表单校验功能之数组多层嵌套
10-16
这允许我们在不使用内嵌 `el-form` 的情况下实现校验。示例代码如下： ```html (item, index) in dataFields.list" :key="index"> [${index}].name`" :rules="{ required: true, message: 'Required', trigger: ...
vue elementUI 表单校验的实现代码（多层嵌套）
10-16
只有当校验通过时，才向后端发送数据；如果校验失败，则通过给定的反馈信息提示用户。 需要注意的是，Element UI的表单校验依赖于组件的双向绑定（v-model）来获取用户输入的实时数据，并在适当的时候（如失去焦点...
基于Vue+elementUI实现动态表单的校验功能(根据条件动态切换校验格式)
10-17
有效的表单校验可以减少无效的提交，避免不合规数据的产生。在elementUI中，表单校验的实现通常需要依赖于表单项组件的rules属性，该属性接受一个规则数组，数组中的每个对象定义了校验的条件和提示信息。 5. 实现...
基于VueElementUI快速创建生成表单进行数据校验获取表单数据
08-10
获取表单数据非常简单，只需在Vue实例上使用`this.$refs`访问到表单的引用，然后调用`validate`方法进行数据校验，最后通过`this.$refs.formRef.model`获取已填充的数据： ```js methods: { handleSubmit() { ...
在element动态增加表单校验时，增加第二个校验总是不通过解决方式
qq_40663497的博客
05-27 3368
我遇到了一个问题，在动态增加表单校验时，增加第二个校验总是不通过，结果发现，我增加的mobileRules为一维数组，当我push进去对应对象事，就会在一个数组里面增加多个校验方式，而每次从第一个开始校验，第一个没通过就直接return。 错误写法（mobileRules等于push进去的所有方法，而不是单一的校验方式）： <el-form-item v-for="(con...
ElementUi 使用 el-select 表单 el-option v-for 循环使用数字值 验证你不通过的注意事项
05-16 1万+
说真的 ELEMENT-UI真的时很强大的 UI库 但是使用的时候 验证的部分的坑还是挺多的, 官方文档 说的又不详细 我遇到的这个问题 希望能够帮助大家 一,首先要保证 model 使用的对象 和你需要验证的对象 的关联关系 二,其次要保证 rules 的属性 和你想要验证的 prop 也是父子关系 三 如果你的你的选择框时 v-for 循环 并且使用数字型ID 你要保...
vue-element-admin我踩的坑（7）
nailgo的专栏
02-27 921
先说个简单的，表单校验问题，表格里面的prop必须和v-model绑定的变量名一致！ 如element-ui官网的代码： &lt;el-form-item prop="date1"&gt; &lt;el-date-picker type="date" placeholder="选择日期" v-model="ruleForm.date1" style="width: 100%;"&a
element-ui 表单验证（解决了表单验证不生效的问题）vue有关elementui form表单rules验证问题，有值却仍然显示不通过
m0_53251830的博客
01-18 4855
一般有值，但是表单认证不通过，是因为设定的rules参数和model绑定的参数不一致，或者是地址部一直，这些需要注意的点查一下都有，就不赘述了。下面说说另外一中用法，:prop='formData.'+index+'.value' 遍历表单的情况下 表单检验 对于数组数据 如： modelData:{ id:'123', name:'用户数据', formData:[ //关键数据 { title:"姓名", ..
解决element的表单校验输入框有值但校验未通过的问题
热门推荐
JCat的博客
07-26 4万+
实际项目中，为了精简代码，会涉及到在同一个表单中同时完成 查看编辑 新增等功能， 此篇解决： 1. 编辑的时候，明明给页面回显赋值了，但是校验非空却没有通过的问题。 2. 表单刚一进页面就校验非空，显示红色提示的问题。 3.常规表单关于校验的规则。
Element plus之el-form表单验证失效+动态表单验证+多层级对象属性验证方案
visket2008的专栏
10-18 1万+
旨在解决项目过程中遇到触发el-form验证失效，多级对象属性如何编写验证规则，动态表单控件如何处理。
vue修改表单数据 不回显
shanshan128ou的博客
12-10 3640
不回显代码如下： data(){ return{ form: {}, } } handleUpdate(row) { this.reset(); const userId = row.userId || this.ids; getUser(userId).then(response => { this.form = response.data; this.postOptions = response.posts;
Element-ui表单验证验证失败,input内有内容仍然验证为空的问题,验证数值类型不一致问题
progrmmmm的博客
11-15 1万+
验证的key只能是数组内的某一个key,不能之间验证 格式: html: <el-form :model="nodeName(数组名)" ref="nodeName(数组名)"> <el-form-item prop="name(数组内的属性)" label="内容:" :label-width="formLabelWidth" :rules="[{ required: true, message: '不能为空'}]"> <el-input
element ui表单验证失败 valid返回true的问题 记录一下
qq_44917015的博客
12-11 3416
表单验证出错: 一直报true : 可能是页面表单的结构就出了问题； 虽然rules能够对每个el-form 里面的表单 进行校验 但是返回回来的valid只代表 最后一个el-form的状态， 把所有的验证放在最后一个el-form就可以解决； ...
Element-ui表单校验不通过,input内有内容仍验证失败的问题
weixin_61597234的博客
10-08 2929
解决form表单有内容，但校验不通过的问题
elementui校验时间选择器
最新发布
07-28
// 表单校验不通过，做相应处理 } }); } } } ``` 在上述代码中，我们使用了`el-form`组件来创建一个表单，其中的`el-time-picker`组件用于选择时间。在`data`中，我们定义了`formData`来保存表单数据，`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值