vue element-ui resetFields方法重置表单失效
检查四点:
1.表单要有ref
<el-form :model="scoreParams" ref="scoreForm"></el-form>
2.表单需要绑定prop和rules,form要加上rules,item要加上prop;
<el-form label-width="80px" :rules="scoreRules" ref="scoreForm">
<el-form-item prop="column">
<el-input></el-input>
</el-form-item>
</el-form>
3.form和item绑定值要用:modle,不能使用v-modle;
<el-form label-width="80px" :model="scoreParams" :rules="scoreRules" ref="scoreForm">
<el-form-item prop="column">
<el-input :model="scoreParams.column"></el-input>
</el-form-item>
</el-form>
(我当时就是使用的v-modle导致一直失效,找了很久的原因)
4.表单在生命周期的created中进行了赋值,重置表单时就不会重置为data中初始化的状态
最后 重置表单的方法
this.$refs['scoreForm'].resetFields()