【埋坑】element-ui表单验证出错

每次出现的错误总是千奇百怪，埋坑之路没有尽头

/*template模板中的代码 动态绑定了addForm对象，和addFormRules规则*/
<el-form  :model="addForm" :rules="addFormRules">
        "用户名"  prop="username">
          "addForm.name"  >
        
        

//js代码
data() {
	return {
		addForm: {
			name: '',
		},
		addFormRules: {
        username: [
          { required: true, message: '请输入用户名', trigger: 'blur' },
          { min: 3, max: 15, message: '长度在 3 到 15 个字符', trigger: 'blur' }
        ],
		
	}

}

虽然在input输入框中有值，但还是提示“请输入用户名”

错因：input中绑定的输入内容是v-model=“addForm.name”，但是验证规则里的addFormRules定义的是username，其属性值和v-model的不一样

改正：把username改为name，或者把name改为username，保证v-model和rules中的属性名对应就好。

A TIRED DAY