vue表单重置

1、一定要有，ref属性和model属性。这俩个命名一定要一样

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

2、form的每个item加prop属性（踩了好久的坑这个,需要和绑定数据的最后名称一致，prop属性添加到form-item上）

<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()">清空</el-button>
</el-form-item>

4、注册事件

resetForm() {
    this.$refs. ruleForm.resetFields()
}