vue+element-ui validator 有值任然提示不能为空的问题

于 2023-09-19 17:37:34 发布
阅读量274 收藏
点赞数
文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_64677928/article/details/133038047
版权

以上代码运行时 不论用户名输入什么都会提示“评估人不能为空”，这是应为不论你输入什么根本就没有取到值，原因是prop参数设置不一致导致。prop的参数应该设置为model.key的值，不能随意取名，此处prop应为：prop="assessmentUsers"；需要注意标红的位置，字段属性要一致

不秃头@me
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue，JS判断数组中的对象的每一个值不能为空,判断数组中的每一层对象的某一个字段属性值不能为空或其他条件
weixin_41346436的博客
08-05 8066
Vue，JS判断数组中包含的每一层对象的某一个属性值不能为空或者其他 终极大法：就是用every,some遍历数组，区别：every只要有一项不满足条件都返回false some有一项满足都会返回true 这种操作一般用来操作列表，提交数据时需要判断某一个字段不能为空等条件 此次案例：在点击最下方的提交时，需要判断红色框内的每一个分数不能为空 方法一：使用every()函数，此函数不怎么常用，想要了解更多请自查 注:其实判断这种列表中的数组，用for循环也可以，但是最终的效果是判断数组中的对象，只提示一个
vue - element ui 组件库判断验证 ＜table＞ 表格组件输入内容不能为空，判断表格其中某行某值不能为空（详细示例解决方案）
高级前端工程师
02-19 3061
vue怎么判断element UI 饿了么组件库的table单元格没数据,使用element-ui +Vue 解决 table 里包含表单验证的问题，vue+element-ui实现行数可控的表格输入，Vue与elementUI表单嵌套表格实现每一项表单验证，vue怎么验证element饿了么组件库的表格组件每行是否填写内容，vue验证element 饿了么组件库的table表格组件每行是否为空，vue+element 判断table表格输入不能为空，Vue使用Element-UI进行表单非空验证，vue+
vue第一次使用二分法，查找数组中，一个字段为空 和不为空的 下标
qq_28173033的博客
07-28 341
背景：用户的答题记录，需要跳转到上一次的答题记录，这就需要去寻找上一次的答题记录。 第一次做的时候，就是去for 循环 这个list, 数组有多长 ，每次都从0开始遍历，这个太影响 性能，所以就试下二分法。 代码如下： let that = this; console.log('liuyq==2020-7-28'); let low=0; //数组最小索引值 let hig
【VUE】表单验证-
SZnAl的博客
04-19 2476
对象已经赋值 输入框提示为空解决。 表单内嵌套table 多选后数据已更新，但验证一直为空
vue+ant_表单中的输入框不包含空格以及不能为空格
momo牛的博客
07-29 2540
问题： 用户在前段表单的输入框中输入数据，要求数据不能包含空格也不能为空格。 解决： <a-form-item label="供应商工单编号"> <a-input onkeyup="this.value=this.value.replace(/[, ]/g,'')" placeholder="请输入工单编号" v-decorator="['supplierWo
Vue + ivew组件 表单输入一直提示为空的问题
nanamxw的博客
05-09 192
明明输入了值，但还是一直报错。
vue + iview rules表单验证有值却提示错误，验证不过
weixin_39818813的博客
04-01 3312
内容 <FormItem label="重量（KG）" prop="grossWt"> <Input v-model="detailData.grossWt" /> <!-- {{ detailData.grossWt }} --> </FormItem> rules grossWt: [{ required: true, message: ".
vue rules验证有值，但验证失败
0老船长0的博客
03-11 2442
BUG复现： 排查顺序： 组件绑定的变量是否在data{}里面声明，无声明则会获取值为undefined。 prop的名称是否与v-model的名称一致。 当数据为Number类型时，是否在rules添加type:"number" demo <form-item label="原价" prop="originalPrice"> <InputN...
vue表单验证的时候提示 async-validator:‘‘xxx is not a string“
qq_24418107的博客
07-04 1479
对vue不是很熟悉，在做vue开发的时候，遇到一个很奇怪的问题，输入框涉及到number类型的时候会提示 is not a string。我加了number类型，这会儿我提交不会校验了，但是我在修改这个输入框的时候 校验来了，他提示我输入的不是一个numbr类型。嗯～～～ 这里大概知道了 如果是string类型用input输入框，如果是数字就用number输入框。在提交的时候，如果这个输入框不做任何修改，在提交的时候会提示他不是is not a string。后面我 v-decorator 改了一下。
基于SpringBoot+vue+Element-UI 搭建的个人博客系统源码（高分毕设）.zip
最新发布
01-10
基于SpringBoot+vue+Element-UI 搭建的个人博客系统源码（高分毕设）.zip 基于SpringBoot+vue+Element-UI 搭建的个人博客系统源码（高分毕设）.zip 基于SpringBoot+vue+Element-UI 搭建的个人博客系统源码（高分毕设...
基于Vue+Vue-router+Vuex+Element-ui+Axios商城
06-27
本项目前后端分离，前端基于Vue+Vue-router+Vuex+Element-ui+Axios，参考小米商城实现。后端基于Node.js(Koa框架)+Mysql实现。 前端包含了11个页面：首页、登录、注册、全部商品、商品详情页、关于我们、我的收藏、...
electron-vue + vue-cli + element-ui 实时热更新版v12.0.4框架.rar
05-06
electron-vue + vue-cli + element-ui 实时热更新版，electronv12.0.4框架，打包好的框架，拿来即用，实时热更新，提高开发3倍效率
vue+element-ui实现表格编辑的三种实现方式
10-17
主要介绍了vue+element-ui实现表格编辑的三种实现方式，主要有表格内部显示和编辑切换，通过弹出另外一个表格编辑和直接通过样式控制三种方式，感兴趣的小伙伴们可以参考一下
vue+element-ui demo
09-29
这是一个vue+element-ui的demo 里面有菜单menu组件，是我做的一个后台管理的模板，用到了route路由转向，以及子父组件方法的调用传参等等，如果是想用vue搭建后台的，可以直接使用 使用方法： cd vue-admin-master-...
vue校验（输入不为空）
热门推荐
wa_2021的博客
04-19 1万+
<input type="text" @blur="insert($event)"> insert(e){ if(!e.target.value.trim()) return alert("内容不能为空") }
vue-quill-editor验证必填项不能为空
W_Zhulin的博客
03-09 2975
问题： 记录在使用vue-quill-editor验证不能为空和输入空格时的验证问题。 思路： 1、在quill-editor上加change事件，事件触发时传递当前字段，验证当前字段内容； 2、验证正则（关键） vue代码： <template> <div> <Form ref="ruleForm" :model="ruleForm" :rules="ruleValidate" :labe
vue中el-date-picker 编辑时clearable无法清空
PJL13411055804的博客
12-12 4073
vue中el-date-picker 编辑时clearable无法清空
element ui validate校验有值却报错
LIUHUA121的博客
04-17 4818
不知何因，通过仔细观察报错的input等元素的内容会发现少有不同，最主要的是对象和字符串的不匹配吧。赋值的时候加上变成字符串就好了，
vue 验证用户名不能为空_vue 中 Element-UI 表单验证的几种方法
weixin_34641420的博客
12-29 3005
在开始之前需要把element-ui在vue中引入好，如果没有引入好的话，需要先跟着element-ui的文档进行操作，接下来就可以进行学习了。第一种：在el-form-item单个添加验证这种方式适用于需要个别检验的字段，或者表单字段有变动的校验；做法：需要在el-form-item标签中加入 :rules=''直接是验证的条件 ''下面举个例子(验证用户名 不能为空)案例样图第二种：在表单上加...
html+vue+element-ui
07-27
回答: 当在HTML中使用Vue和Element-UI时，可以通过Vue的指令和Element-UI的组件来实现数据的双向绑定和UI的渲染。Vue通过劫持数据并使用发布者-订阅者模式来实现数据的双向绑定。当一个普通JavaScript对象传给Vue实例的data选项时，Vue会遍历这些属性并使用Object.defineProperty()方法来劫持属性的setter和getter，以便在数据变动时发布消息给订阅者并触发相应的监听回调。此外，Vue还监听元素的onChange()事件，以通知更改model层的数据，从而实现双向绑定。而Element-UI是一个基于Vue的UI组件库，它提供了一系列的组件，如按钮、表单、表格等，可以方便地在Vue中使用这些组件来构建用户界面。通过在HTML中使用Vue的指令和Element-UI的组件，可以实现数据的双向绑定和使用Element-UI的样式和功能。 #### 引用[.reference_title] - *1* *2* *3* [Vue与Element-UI](https://blog.csdn.net/qq_42814867/article/details/121739287)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值