表单验证 $refs----validate

表单验证 this.$refs[formName].validate()

this.$refs[formName] 检查是否拿到了正确的需要验证的form;

1.使用此方法前检查prop一定必须要写在上面,写在里面的input上或者其他任何地方都不行(el-form-item prop属性绑定)

2.el-form rules,model属性绑定,ref标识

<el-form  **ref="tbForm3"**

                       :inline="true"

                       **:rules="rules"**

                       **:model="legalpersonForm"**

                       label-width="170px"><**el-form-item** label="法定代表人"

                              **prop="legalpersonName"**><el-input class="lzy_input"

                            v-model="legalpersonForm.legalpersonName"

                            clearable

                            placeholder="请输入法定代表人"></el-input></el-form-item>

 </el-form>

使用:
this.$refs["tbForm3"].validate((valid) => {
	// console.log("我是" + valid)  //  true
      if (valid) {
        alert('submit!');
      } else {
        console.log('error submit!!');
        return false;
      }
});
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐