vue element-ui resetFields方法重置表单失效

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()