Vue Element Form表单 resetFields重置无效

代码如下：
HTML：

<el-form inline :model="searchForm" ref="searchForm" class="search-form-box" size="120">
    <el-form-item prop="shopName">
        <el-input v-model="searchForm.shopName" type="text" placeholder="供应商名称" clearable/>
    </el-form-item>
    <el-form-item prop="accountNo">
        <el-input v-model="searchForm.accountNo" type="text" placeholder="供应商账号" clearable/>
    </el-form-item>
    <el-form-item>
        <el-button type="default" @click="handleReset('searchForm')">重置</el-button>
        <el-button type="primary" @click="handleSearch">查询</el-button>
    </el-form-item>
</el-form>

JS：

handleReset (formName) {
    
    
    this.$refs[formName].resetFields();
},

原因有两点：

1. el-form 标签需要绑定 ref 和 :model 属性
2. el-form-item 标签要绑定 prop 属性
   
   如有错误或不足，欢迎各位大佬评论指正。