el-element 表单校验对象类型提示 ‘ ‘ is not a string

已于 2022-08-01 15:15:55 修改
阅读量4.2k 收藏 2
点赞数 1
文章标签： vue 前端
于 2022-08-01 15:15:00 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43882265/article/details/126101696
版权
1.需求是使用下拉框，该下拉框封装的是对象类型

在这里插入图片描述


给该字段的校验规则如下：

在这里插入图片描述

2.在进行表单校验时，提示如下

在这里插入图片描述

其实该下拉框中已经有值了，只是值的类型是对象，所以报错提示 node is not a string。

3.解决方法

在rules规则中标志要使用的validator的数据类型，如下：

在这里插入图片描述

标志要使用的validator的数据类型为object（对象）类型。


其它的 validator的数据类型说明在如下网址中：

Element表单验证rules整理

weixin_43882265
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
基于element-ui对话框el-dialog初始化的校验问题解决
10-14
在使用Element-UI框架开发前端应用时，遇到的一个常见问题是关于`el-dialog`对话框的初始化校验问题。`el-dialog`是Element-UI提供的一个模态对话框组件，它通常与`el-form`结合使用，用于数据输入和验证。然而，当...
el-table树形表格表单验证(列表生成序号)
10-15
在本文中，我们将深入探讨如何在使用Element Plus的`el-table`组件实现树形表格时进行表单验证以及如何生成序号。`el-table`是一个强大的数据展示组件，支持多种复杂的表格布局和功能，包括树形结构。在处理树形表格...
vue表单验证的时候提示 ’‘ is not a string
qq_17254991的博客
01-05 6862
<a-form :form="form"> <a-form-item label="生效日期" :label-col="{ span: 6 }" :wrapper-col="{ span: 10 }"> <a-date-picker v-decorator="[ 'beginDate', { ..
表单校验报错‘*** is not a string‘
m0_45284750的博客
12-06 182
element-ui 表单验证提示 is not a string - SegmentFault 思否
已解决 python出现nan的正确解决方法，亲测有效嘿嘿嘿
最新发布
PythonAigc的博客
04-28 2167
NaN（Not a Number）在Python的pandas、numpy等科学计算库中经常出现，它表示一个非数字的值。NaN通常出现在以下几种情况： 数据集中存在缺失值。 计算结果无意义（如0除以0）。 某些操作导致非数字结果（如字符串与数字相加）。 报错原因 NaN本身并不是错误，而是数据的一个状态，表示该位置的数据缺失或无效。然而，如果在使用NaN参与运算时，没有正确处理，就可能导致结果不符合预期，或者在某些情况下（如某些函数无法处理NaN）会抛出异常。
vue表单验证的时候提示 async-validator:‘‘ is not a string
热门推荐
泠泠似水
05-21 1万+
在前端开发时用到async-validator插件时，莫名其妙报async-validator:’’ is not a string 而且校验也会失效。 造成原因： 1.在方法校验的时候，会有一部分非String类型表单项提示校验未通过 2.尤其是async-validator在无法验证数字格式的表单值得时候，只需要在规则中声明一下类型即可，因为你不加的话，他默认是string 解决方案： 一、去掉:rules 规则中的 trigger 属性 namerules:[{ required: (item.req
关于 element UI 表单验证数字类型提示 “xx is not a string“
qq_39275718的博客
07-05 3649
原因： 原因出在校验规则上，官方文档没有说明一个细节，如果你用数字校验，也用了v-model.number，你原来的校验规则里如果有target: 'blur'，需要去掉 呢么随着校验也会随之消失这不是我们想要的结果。 解决方案: 给校验加上type类型限制就像这样 type: 'number' { required: true, type: 'number', target: 'blur', message: '培训积分不能为空' } 我尝试了一下在输入时不会报错但回显时还是会报 "xx ..
element-ui element-ui 表单验证提示 is not a string ，由于需要验证数字，我在rules中加入type为number，输入数字时提示 is not a num
test1372965955的博客
02-09 1236
查看官方文档 他的v-model.number 我们写的没有带.number添加后即可。
element-ui中级联选择器添加验证规则时提示[“xxx is not a string“]
m0_51608940的博客
06-17 1720
1、问题 element-ui中级联选择器添加必填验证规则时，终端提示： [“xxx is not a string”]，且在选择选项之后还提示验证出错的信息 2、原因 因为级联选择器双向数据绑定的是选中项的id组成的数组，是一个数组，而验证规则中默认选择或输入的值是字符串。 3、解决办法 goods_cat:[ // 表单验证规则中默认输入或选择的值是字符串，在这里可以指定输入或选择的值的类型 {type:'array',required:true,messag
【坑】element表单校验坑：validate类型错误&提示“is not a string“
DrLemonPie的博客
04-02 3485
一些工作上碰的问题，element表单组件的校验功能，踩了第二次了……而且还都是小错误，卡半天。 validate类型错误 bug表现：表单项永远验证返回错误，debug时validate变量显示type error 原因：data中表单的数据存在层级关系，而prop的时候没有考虑，主要是对prop校验规则的原理不熟悉。prop的值必须和当前表单数据的层级关系一致。 比如 Data: {a: 'a', b: 'b', c: {aa: 'aa', bb: 'bb'}} prop校验数据a，就prop=“a”
vue表单验证的时候提示 async-validator:‘‘ is not a string
Damon的博客
01-13 2012
async-validator:‘‘ is not a string
详解element-ui 表单校验 Rules 配置 常用黑科技
12-28
string：类型必须为string。type 默认是 string // 校验 string: [ {type: 'string', message: `请输入字符串`, trigger: 'blur'} ] <el label=测试字段 prop=string> <el v-model.number=form.string ...
Vue element-ui父组件控制子组件的表单校验操作
10-15
1. `el-form`上必须绑定一个对象，这是表单数据的模型。 2. `el-form-item`的`prop`属性应与`v-model`中绑定的字段名一致。 当这两个条件都满足时，Element-UI的表单验证就能正常工作，能够根据设定的规则对用户...
is not a string
stay_for_you的博客
03-03 1698
表单提示 is not a string，是因为validator: checkGrade()，把括号去掉变成validator: checkGrade就可以了
vue表单验证的时候提示 async-validator:‘‘xxx is not a string“
qq_24418107的博客
07-04 1618
对vue不是很熟悉，在做vue开发的时候，遇到一个很奇怪的问题，输入框涉及到number类型的时候会提示 is not a string。我加了number类型，这会儿我提交不会校验了，但是我在修改这个输入框的时候 校验来了，他提示我输入的不是一个numbr类型。嗯～～～ 这里大概知道了 如果是string类型用input输入框，如果是数字就用number输入框。在提交的时候，如果这个输入框不做任何修改，在提交的时候会提示他不是is not a string。后面我 v-decorator 改了一下。
element表单验证 “ “ is not string 问题
0.0 的博客
05-21 834
vue 的 ‘’ is not a string
LJ_Java_private的博客
03-29 3371
我并对长度这个字段只做非空校验，并没有进行number校验 提交时一直验证不通过 想不通啊 ！！！ 百度了几个小时都没有答案 ， 偶然发现非空校验的规则处的一个单词message被我写错成mssage了 才导致一直对此字段校验错误 自己挖的坑 把自己深埋了几个小时！！！！！！！ 错误截图如下： ...
element-ui 表单验证数字类型提示 xx is not a string
qq_26642611的博客
08-21 4933
有一个表单 <el-form-item prop="numberpoint" style="width: 100px" :rules="[{ required: integralCheck, message: '请输入积分', trigger: 'blur'}, integralCheck ? { validator: ruleGroup.checkNum500, trigger: 'blur'} : {}
el-form表单校验不显示提示问题
09-02
你可以尝试以下几个步骤解决 el-form 表单校验不显示提示文字的问题： 1. 确保你已经正确设置了表单项的 rules 属性，并且每个表单项都有相应的校验规则。例如： ```html <el-form :model="form" :rules="rules"> ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值