element ui 清空form表单

要清空Element UI的form表单，需要为form的每个item添加prop属性。通过给每个el-form-item添加prop属性，可以实现清空form表单的功能。在form-item中，使用v-model绑定数据，并在el-form的model中指定相同的名称。然后，通过点击重置按钮，调用resetForm方法来清空表单。resetForm方法中使用了$refs来获取form的引用，并调用其resetFields方法来重置表单数据。具体代码如下所示：

<el-form ref="searchForm" :inline="true" :model="form" label-width="80px">
  <!-- 添加prop属性到form-item上，需要和绑定数据的最后名称一致 -->
  <el-form-item label="名称:" prop="name">
    <el-input v-model="form.name" placeholder="请输入内容"></el-input>
  </el-form-item>
  <el-form-item>
    <el-button type="primary" @click="onSubmit">确定</el-button>
    <el-button @click="resetForm('searchForm')">重置</el-button>
  </el-form-item>
</el-form>

methods: {
  resetForm(formName) {
    this.$refs