学习日记--element resetFields()失效

版权声明：本文为博主原创文章，部分内容为借鉴理解。 https://blog.csdn.net/weixin_35773751/article/details/88624090

https://my.oschina.net/yxmBetter/blog/1535157
解决方法：

1、表单加ref属性

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

2.form的每个item加prop属性

<el-form-item prop="name">
    <el-input v-model="query.name"></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数据上需要挂载表单数据初始值为''