el-from clearValidate后怎么添加回来指定的字段校验

当你在使用Element UI的`el-form`组件并清除了所有验证(`this.$refs.form.clearValidate()`)后，如果你想重新添加特定字段的验证，可以按照以下步骤操作：

1. 首先，你需要获取到这个需要重新验证的表单字段实例。假设你想恢复某个名为`username`的字段的验证，你可以这样做：

const usernameField = this.$refs.form.getFieldDecorator('username');

2. 然后，你可以使用`addRule`方法给这个字段添加验证规则。例如，假设你之前有一个要求用户名必须非空的验证规则：

const rule = { required: true, message: '用户名不能为空', trigger: 'blur' };
usernameField.addRule(rule);

这里，`required`属性表示是否必填，`message`用于显示错误信息，`trigger`决定了何时触发验证（在这个例子中，是用户输入后触发，即`blur`事件）。

如果你有自定义验证函数，也可以像这样传递：

const validateFn = (value) => value !== '';
usernameField.addRule({ validator: validateFn, message: '用户名必须填写' });

相关问题

el-form 中 有很多el-form-item 我想指定某一个el-form-item进行 clearValidate()

你可以使用 `this.$refs` 来引用指定的 `el-form-item`，然后调用 `clearValidate()` 方法来清除校验结果。

以下是一个示例代码：

<template>
  <el-form ref="myForm" :model="formData" :rules="loanrules">
    <el-form-item label="贷款银行" prop="bank">
      <el-input v-model="formData.bank1"></el-input>
      <el-input v-model="formData.bank2"></el-input>
    </el-form-item>
    <el-form-item>
      <el-button @click="clearValidation">清除校验结果</el-button>
    </el-form-item>
  </el-form>
</template>

<script>
export default {
  data() {
    // 自定义银行验证规则
    var bankRule = (rule, value, callback) => {
      if (!(this.formData.bank1 && this.formData.bank2)) {
        return callback(new Error('请输入完整的贷款银行信息'));
      } else {
        callback();
      }
    }

    return {
      formData: {
        bank1: '',
        bank2: ''
      },
      loanrules: {
        bank: [{ required: true, validator: bankRule, trigger: 'change' }]
      }
    }
  },
  methods: {
    clearValidation() {
      this.$refs.myForm.clearValidate('bank');
    }
  }
}
</script>

在上面的代码中，我们使用 `ref` 属性给 `el-form` 元素命名为 `myForm`，然后在 `clearValidation` 方法中使用 `this.$refs.myForm.clearValidate('bank')` 来清除 `bank` 字段的校验结果。

el-form 中 有很多el-form-item 我想指定某几个，多个 el-form-item进行 clearValidate()

在el-form中，如果你想指定某几个el-form-item进行clearValidate()操作，你可以通过给这些el-form-item添加ref属性，然后在需要的时候通过this.$refs来获取对应的el-form-item实例，再调用clearValidate()方法进行清除验证状态。

以下是一个示例代码：

<template>
  <el-form ref="myForm" :model="form" :rules="rules">
    <el-form-item label="字段1" prop="field1" ref="item1">
      <el-input v-model="form.field1"></el-input>
    </el-form-item>
    <el-form-item label="字段2" prop="field2" ref="item2">
      <el-input v-model="form.field2"></el-input>
    </el-form-item>
    <el-form-item label="字段3" prop="field3" ref="item3">
      <el-input v-model="form.field3"></el-input>
    </el-form-item>
    <el-button @click="clearValidation">清除验证状态</el-button>
  </el-form>
</template>

<script>
export default {
  data() {
    return {
      form: {
        field1: '',
        field2: '',
        field3: ''
      },
      rules: {
        field1: [
          { required: true, message: '字段1不能为空', trigger: 'blur' }
        ],
        field2: [
          { required: true, message: '字段2不能为空', trigger: 'blur' }
        ],
        field3: [
          { required: true, message: '字段3不能为空', trigger: 'blur' }
        ]
      }
    };
  },
  methods: {
    clearValidation() {
      this.$refs.item1.clearValidate();
      this.$refs.item2.clearValidate();
      // 可以根据需要指定清除验证的el-form-item
    }
  }
};
</script>

在上面的示例中，我们给每个需要清除验证状态的el-form-item添加了ref属性，然后在clearValidation方法中通过this.$refs来获取对应的el-form-item实例，再调用clearValidate()方法进行清除验证状态。