element ui重置表单不能全部清空

对于Element UI，重置表单时默认情况下是无法清空表单的。这是因为Element UI的表单组件会维护一个内部的表单数据对象，重置表单只会将该对象的值恢复为初始状态，而不会清空表单的输入值。

如果你需要在重置表单时清空所有输入值，可以通过自定义方法来实现。你可以在重置按钮的点击事件中，手动将表单中的所有输入值清空。具体步骤如下：

1. 给重置按钮添加点击事件的监听器，可以通过`@click`或者`v-on:click`来实现。
2. 在点击事件的处理函数中，获取表单元素的引用。
3. 遍历表单元素，将每个表单元素的值设置为空字符串或者null。

以下是一个示例代码：

<template>
  <el-form ref="myForm" :model="formData">
    <!-- 表单项 -->
    <el-form-item label="姓名" prop="name">
      <el-input v-model="formData.name"></el-input>
    </el-form-item>
    <!-- 其他表单项省略 -->
    
    <!-- 按钮 -->
    <el-form-item>
      <el-button type="primary" @click="submitForm">提交</el-button>
      <el-button @click="resetForm">重置</el-button>
    </el-form-item>
  </el-form>
</template>

<script>
export default {
  data() {
    return {
      formData: {
        name: '',
        // 其他字段
      }
    };
  },
  methods: {
    submitForm() {
      // 提交表单逻辑
    },
    resetForm() {
      // 手动清空表单
      const form = this.$refs.myForm;
      form.resetFields(); // 重置表单内部数据对象

      // 清空输入值
      Object.keys(this.formData).forEach(key => {
        this.formData[key] = '';
      });
    }
  }
};
</script>

在上述示例代码中，`resetForm`方法中的逻辑手动清空了表单的输入值，通过遍历`formData`对象将每个字段的值设置为空字符串。这样在调用`form.resetFields()`重置表单内部数据对象后，表单的输入值也会被清空。

希望对你有所帮助！如果还有其他问题，请随时提问。