用elementui写一个resetFields

好的，以下是使用 Element UI 组件库来实现 `resetFields` 的示例代码：

<template>
  <el-form :model="form" ref="form" label-width="80px">
    <el-form-item label="姓名">
      <el-input v-model="form.name"></el-input>
    </el-form-item>
    <el-form-item label="年龄">
      <el-input-number v-model="form.age"></el-input-number>
    </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: {
        name: '',
        age: null
      }
    }
  },
  methods: {
    submitForm() {
      // TODO: 表单提交逻辑
    },
    resetForm() {
      this.$refs.form.resetFields();
    }
  }
}
</script>

在这个示例中，我们使用了 Element UI 的 `el-form` 组件和 `el-button` 组件来创建了一个表单，其中包含了姓名和年龄两个输入框，以及一个提交按钮和一个重置按钮。`resetFields` 方法被绑定到了重置按钮的点击事件上，当用户点击重置按钮时，表单中的所有输入框和选择框都会被重置为默认值。要注意的是，在模板中我们给表单添加了一个 `ref` 属性，这样就可以在组件中通过 `this.$refs.form` 来访问表单实例，从而调用 `resetFields` 方法。