关于elementUI库的表单组件重置方法不生效的解决

解释：

在使用Element UI库的表单组件时，如果你遇到了重置方法不生效的问题，这可能是因为表单绑定的数据模型没有正确更新，或者是因为你没有使用表单的resetFields方法来重置表单。

解决方法：

1. 确保你在正确的Vue实例的方法中调用了resetFields方法。
2. 确保你使用了Element UI表单的ref属性来引用表单，并且在正确的时机调用了this.$refs.yourFormRef.resetFields()。
3. 如果你使用了v-model来绑定表单数据，确保数据模型是响应式的，即使用Vue的data函数返回的对象中定义。
4. 确保没有其他代码逻辑错误或者是阻止了表单状态更新的问题。

示例代码：

<template>
  <el-form ref="formRef" :model="form" label-width="80px">
    <el-form-item label="用户名">
      <el-input v-model="form.username"></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 {
      form: {
        username: ''
      }
    };
  },
  methods: {
    submitForm() {
      console.log(this.form);
    },
    resetForm() {
      this.$refs.formRef.resetFields();
    }
  }
};
</script>

在这个例子中，我们定义了一个带有ref="formRef"的表单，并在methods中定义了resetForm方法来调用this.$refs.formRef.resetFields()，这样就可以重置表单。