表单重置失效，没作用

element ui的表单el-form，重置失效没作用。
有时候表单重置不好用，没效果是因为表单元素没绑定prop。表单重构应注意满足以下几个条件：

以下条件必须满足

<el-form
          :model="queryForm"
          ref="queryForm"
        >
   </el-form>

表单元素一定要绑定prop

 <el-form-item label="IP" prop="ip">
            <el-input
              v-model="queryForm.ip"
              clearable
              placeholder="请输入IP地址"
            />
          </el-form-item>

重置按钮

 <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
              >重置</el-button
            >

重置操作方法

 resetQuery() {
      this.resetForm("queryForm");// 新增、编辑时重置表单this.$refs[queryForm].resetFields()
      this.handleQuery();
    },

你要知道自己要重置的表单，重置之后是否清空内容并重新查询了原始数据