代码如下:
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();
},
原因有两点:
- el-form 标签需要绑定 ref 和 :model 属性
- el-form-item 标签要绑定 prop 属性
如有错误或不足,欢迎各位大佬评论指正。