elementUI下拉选择框的表单验证怎样清除

清除 ElementUI 下拉选择框的表单验证可以通过以下两种方式实现：

1. 通过 `$refs` 对象获取到下拉选择框组件，然后调用 `clearValidate()` 方法进行清除。示例代码如下：

<el-form ref="form">
  <el-form-item label="下拉选择框" prop="select">
    <el-select v-model="selectValue" placeholder="请选择">
      <el-option label="选项1" value="option1"></el-option>
      <el-option label="选项2" value="option2"></el-option>
      <el-option label="选项3" value="option3"></el-option>
    </el-select>
  </el-form-item>
</el-form>
<button @click="clearValidation">清除验证</button>

<script>
export default {
  data() {
    return {
      selectValue: '',
    };
  },
  methods: {
    clearValidation() {
      this.$refs.form.clearValidate('select');
    },
  },
};
</script>

2. 直接将下拉选择框的 `v-model` 绑定的值设置为 `null` 或 `''`，这样就会自动触发表单验证器进行清除。示例代码如下：

<el-form>
  <el-form-item label="下拉选择框" prop="select">
    <el-select v-model="selectValue" placeholder="请选择">
      <el-option label="选项1" value="option1"></el-option>
      <el-option label="选项2" value="option2"></el-option>
      <el-option label="选项3" value="option3"></el-option>
    </el-select>
  </el-form-item>
</el-form>
<button @click="clearValidation">清除验证</button>

<script>
export default {
  data() {
    return {
      selectValue: '',
    };
  },
  methods: {
    clearValidation() {
      this.selectValue = '';
    },
  },
};
</script>

以上两种方式都可以清除 ElementUI 下拉选择框的表单验证。