el-form-item 校验--指定单个表单的校验+指定单个校验的清除

最新推荐文章于 2024-08-17 17:56:24 发布

咩有猫腻.

最新推荐文章于 2024-08-17 17:56:24 发布

阅读量5.1k

点赞数 5

分类专栏： vue+element+echarts+map 文章标签： javascript html

本文链接：https://blog.csdn.net/DcTbnk/article/details/120542771

版权

vue+element+echarts+map 专栏收录该内容

71 篇文章 3 订阅

订阅专栏

本文详细介绍了在Vue.js中如何去除form表单的默认校验，使用`this.$refs['form'].clearValidate()`和`this.$refs['form'].resetFields()`方法进行校验结果的清除和字段值的重置。同时，展示了如何指定校验单个字段，通过`validateField`方法实现。这些操作对于前端表单交互和用户体验至关重要。

摘要由CSDN通过智能技术生成

在这里插入图片描述

去除form表单默认校验的这两个值

 this.$nextTick( ()=> {
    this.$refs['form'].clearValidate(['firstParty']);
     this.$refs['form'].clearValidate(['secondParty']);
   })

resetFields() 和 .clearValidate() 区别

this.$refs.form.resetFields(); //移除校验结果并重置字段值

this.$refs.form.clearValidate(); //移除校验结果

指定校验

// this.$refs.form表单的ref.validateField([单个item的prop名])
this.$refs.form.validateField(['num1'], (Error) => {
    if (!Error) {
      // 验证通过
      console.log('通过了')
    } else {
      console.log('验证不通过')            
    }
})