vue + elementui表单重置 resetFields 问题 点击重置没有重置也没有报错问题

问题：

elementui在重置表单时，无法使用this.$refs[‘formRefVal’].resetFields()清空表单数据;

解决方法：

1、表单加ref属性

<el-form ref="refname"></el-form>

2、form的每个item加prop属性（这个是比较容易忘记的地方,需要和绑定数据的最后名称一致，prop属性添加到form-item上）

<el-form-item  prop="name">
     <el-input v-model="form.name" placeholder='请输入姓名'></el-input>
</el-form-item>

3、绑定点击事件中传入refname

<el-form-item>
    <el-button @click="resetForm('refname')">清空</el-button>
</el-form-item>

4、注册事件

restForm(refname) {
   this.$refs[refname].resetFields()
}

5、检查是否有初始值 在data数据上需要挂载表单数据初始值为''

如果使用了$store.state.fm.plan管理关联表单数据，那么在form中需要添加:model="$store.state.fm"。