在elementUI中触发el-form中的某一个校验

最新推荐文章于 2024-04-17 16:03:39 发布
最新推荐文章于 2024-04-17 16:03:39 发布
阅读量2.2k 收藏 4
点赞数
文章标签： elementui javascript vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_73533910/article/details/129750937
版权

在form表单中 用ref绑定form

 如果想单独触发form表单中的某一项校验，可使用下面语句，其中括号里的是和el-form-item中的prop一致。

 

if (this.form.healthMatchRuleValueR) {

          this.$nextTick(()=>{

              this.$refs.form.validateField('healthMatchRuleValueR');

          })

   }

如果是涉及到编辑回填的校验，最好写在$nextTick()中，不然validateField会报错

小白是大梦想家
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
基于Vue+elementUI实现动态表单的校验功能(根据条件动态切换校验格式)
10-17
主要介绍了Vue+elementUI的动态表单的校验(根据条件动态切换校验格式),本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
在elementUI中有时想触发el-form中的某一个校验，该怎么做？
luoteen的博客
04-24 8533
在form表单中 用ref绑定 <el-form :model="form" ref="form" class="mt20" label-width="140px"> <el-form-item label="标题：" prop="title" :rules="{required:true,message:'请输入标题',trigger:'change...
el-form表单根据条件触发校验
最新发布
凡尘
04-17 269
el-form表单根据条件触发校验。
vue+elementui的表单验证-手动调用触发验证
Eleuuuuy的博客
01-12 7780
因为后端字段类型设置要求，搜索输入框只能输入正整数，不然调用接口会报错，输入框手动删除内容会重新触发表单验证方法，但是如果@clear事件不会再触发一次新的表单校验，在事件中触发。 触发整个表单的校验：this.$refs.queryForm.validate(); 触发对表单部分字段的校验：this.$refs.queryForm.validateField('propname'); <el-input clearable @clear="handleClear('queryForm','pr.
vue+element-ui表单验证 ，手动调用触发验证
wlijun_0808的博客
06-03 6796
手动触发验证
ElementUI表单验证手动触发
donghua201的博客
09-25 1450
el-form-item label="主轴编号" prop="axisCode" label-width="180px">
vue element主动的去触发rules里的验证规则
qq_36175946的博客
12-21 5544
vue element 中有时候需要对表单字段进行验证，除特定按钮外，还需要绑定其他的按钮也需要进行表单的验证 这时候就需要单独对表单进行主动验证，直接上代码 <el-form ref="form" :model="form" label-width="140px" :rules="rules"></el...> data() { return { // 表单验证 rules: { vehicleAttributes: [
element-ui的rules自定义触发指定验证
liu_131421的博客
05-05 1685
在element-ui的rules验证中 我们可以自定义校验规则但是有的时候会根据某种类型去修改另一个输入框的校验逻辑，比如说根据类型的不同判断时间校验应该小于某个时间或者大于某个时间。这样我们就可以通过选择类型的不同去触发时间的校验，根据类型值得不同走不同的逻辑判断。
el-form单个表单项校验方法；element-ui表单单个选项校验；el-form单个表单校验
weixin_43286206的博客
08-03 2228
el-form表单验证，隐藏某个表单之后此表单的错误校验信息依然存在；表单验证，消除某个表单之后此表单的错误校验信息依然存在
elementUI自定义组件触发表单校验
qq_48637533的博客
05-08 974
elementUI中，如果表单项插入的是我们自定义的组件，如果想要那个表单项也参与校验的话，在不动子组件的情况下。我们需要子组件的change事件，反正就是能获取当前子组件的值， 获取到子组件的后，el-form-item记得绑定prop，主要就是运用这个prop来实现表单的校验
ElementUI中el-tree节点的操作的实现
10-15
主要介绍了ElementUI中el-tree节点的操作的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
解决vue elementUI 使用el-select 时 change事件的触发问题
01-18
如下所示： <el v-model=level size=mini ...我们需要的是选择之后才触发，但是这样写你会发现，页面初始化的时候会触发多次，选择之后又会触发多次，原因是我们用错了标签，应该用 @change=”selectChange()
vue+elementui实现点击table中的单元格触发事件--弹框
10-15
主要介绍了vue+elementui实现点击table中的单元格触发事件--弹框，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
VUE+elementui组件在table-cell单元格中绘制微型echarts图
12-28
-在单元格中触发一个方法，传入当前的scope.row数据或者指定其他数据，并且传入 scope.$index 以及一个字符串便于识别当前是哪条数据的charts -在方法中绘制echarts** <el align=center> ...
vue+elementui实现点击table中的单元格触发事件–弹框
12-28
elementui的table中怎样点击某个单元格触发事件？ 可以先看一下官网中table的自定义列模板代码 <el data=tableData xss=removed> <el label=日期 width=180> <el name=time></el> <span st
ElementUI实现表单校验
热门推荐
David_house的博客
03-28 1万+
步骤 1.给表单el-form添加校验规则字段rules并动态绑定一个对象（对象可自定义，我这里定义为rules） 2.在script里面加入rules对象，并将要校验的字段写进去，格式固定 #eg：message的值可以自定义，blur表示表单失去焦点触发校验 username:[{required:true,message:'请输入用户名',trigger:'blur'}], 3.添加prop属性，在对应的el-form-item标签上我们让prop等于rules里面对应的字段值 上述三步操作表单校验
el-form 触发单个校验
string佳佳的博客
07-11 3563
el-form 触发单个校验
element中表单赋值为空时触发校验
weixin_41009649的博客
01-04 1062
element ui 表单赋值为空时触发校验
el-form表单空格校验，提交校验
qq_42505501的博客
06-21 468
el-form表单空格校验，提交校验校验空格#实现的效果图template里面的代码 export default { name: ‘User’, data() { return { dialogVisibleAdd: false, form: { name: ‘’, sex: ‘’, age: ‘’, addr: ‘’, birthDate: ‘’ }, tableData: [{ name: ‘张三’, age: 15, sex: ‘男’, birthDate: ‘2022-02-08’, addr:
el-form 让某一项触发校验方法
06-07
如果你希望在某个 el-form-item 中的表单控件失去焦点时触发校验，可以在 el-form-item 中的表单控件上使用 v-model 绑定表单数据，并设置触发校验的事件为 blur。示例代码如下： ```vue <el-form :model=...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值