<el-form-item :label="t('checkTask.enterprisesName')" class="ml2" prop="enterprisesName"> <el-select ref="queryRef" :placeholder="t('checkTask.inputEnterprisesNameTip')" v-model="state.queryForm.enterprisesId"> <el-option :key="index" :label="item.enterprisesName" :value="item.id" v-for="(item, index) in enterpriseData"></el-option> </el-select> </el-form-item>如何清空下拉框值

要清空这个下拉框的值，你可以通过重置表单的方式来实现。具体方法是在Vue组件中定义一个方法，该方法会将表单的数据重置为初始值，然后在需要清空下拉框的地方调用这个方法。

例如，你可以在Vue组件中定义一个resetForm方法，该方法会将state.queryForm中的所有字段都重置为null或空字符串，从而实现清空下拉框的效果：

<template>
  <div>
    <el-form ref="queryFormRef" :model="state.queryForm">
      <el-form-item :label="t('checkTask.enterprisesName')" class="ml2" prop="enterprisesName">
        <el-select ref="queryRef" :placeholder="t('checkTask.inputEnterprisesNameTip')" v-model="state.queryForm.enterprisesId">
          <el-option :key="index" :label="item.enterprisesName" :value="item.id" v-for="(item, index) in enterpriseData"></el-option>
        </el-select>
      </el-form-item>
    </el-form>
    <button @click="resetForm">清空</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      enterpriseData: [
        { id: 1, enterprisesName: '企业1' },
        { id: 2, enterprisesName: '企业2' },
        { id: 3, enterprisesName: '企业3' },
      ],
      state: {
        queryForm: {
          enterprisesId: null, // 初始值为null
          // 其他字段省略
        },
      },
    }
  },
  methods: {
    resetForm() {
      // 将queryForm中的所有字段都重置为null或空字符串
      this.$refs.queryFormRef.resetFields()
    },
  },
}
</script>

在上面的例子中，你可以看到在el-form组件上绑定了一个ref属性，该属性值为"queryFormRef"，这样就可以在resetForm方法中通过this.$refs.queryFormRef来获取到el-form组件的实例对象，然后调用其resetFields方法来重置表单的所有字段。

当你点击“清空”按钮时，就会调用resetForm方法，实现清空下拉框的效果。