表单验证 $refs----validate

表单验证 $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;
      }
});