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

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数据上需要挂载表单数据初始值为''
posted @ 2022-12-06 22:21  轻风细雨_林木木  阅读(45)  评论(0编辑  收藏  举报