resetFields()为啥没有清除表单数据

resetFields()为啥没有清除重置表单数据

只有在层级关系严格对应的情况下，this.$refs.ruleForm.validate(),this.$refs.ruleForm.resetFields(),才能正常校验，清除重置数据，下面源码示范下

<template>
  <el-form :model="form" :rules="rules" ref="ruleForm">
     <el-form-item prop="type.a">
         <el-input v-model="form.type.a"></el-input>
     </el-form-item>
  </el-form>  
</template>
<script>
export default{
	data(){
		return{
		      form:{
			        type:{
			            a:" "
			        }
		      },
		      rules:{
		         type:{
		           a:[
		              {
		                required:true
		              }		              
		           ]
		         }
		      }
		}
	}
}
</script>