el-form表單驗證問題

el-form表單驗證的prop的值必須跟

v-model="filterForm.kindName"里面的值一致，否則表單驗證會有紅色提示框

<el-form :model="filterForm" :rules="rules" ref="ruleForm"
           label-width="100px" class="demo-ruleForm" >
            <el-form-item label="名稱" prop="kindName">
              <el-input v-model="filterForm.kindName"></el-input>
            </el-form-item>
            <el-form-item label="描述" prop="desc">
              <el-input
                    type="textarea"
                    :rows="2"
                    placeholder="請輸入內容"
                    v-model="filterForm.desc">
                  </el-input>
            </el-form-item>
            <el-form-item label="父級節點" prop="parentId">
                  <el-select v-model="filterForm.parentId" style="width:100%" placeholder="請選擇">
                    <el-option v-for="item in treeData"
                    :key="item.id"
                    :label="item.kindName"
                    :value="item.id"
                    ></el-option>
                    
                  </el-select>
                </el-form-item>
          </el-form>


 rules: {
          kindName: [
            { required: true, message: '請輸入名稱', trigger: 'blur' },
            
          ],
          desc: [
            { required: true, message: '請輸入描述內容', trigger: 'change' }
          ],
          parentId: [
            { required: true, message: '請選擇', trigger: 'change' }
          ],
      }
    }