Error in nextTick: "Error: please transfer a valid prop path to form item!"

这个错误是因为在动态添加表单项时，prop属性路径不正确导致的。根据提供的代码示例，错误出现在el-form-item组件的prop属性上。在prop属性中，应该使用正确的路径来绑定表单项的数据。在例子中，prop属性的值应该是 "friend[index].name" 和 "friend[index].age"，而不是 "'friend.' index '.name'" 和 "'friend.' index '.age'"。这个错误可以通过将prop属性的值改为正确的路径来解决。引用中的示例代码应该修改为：
<div v-for="(item, index) in form.friend" :key="index">
<el-row>
<el-col :span="12">
<el-form-item label="姓名" :prop="'friend[' + index + '].name'" :rules="{required: true, message:'请输入姓名', trigger: 'blur'}">
<el-input v-model="item.name" placeholder="请输入姓名" maxlength="30" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="年龄" :prop="'friend[' + index + '].age'" :rules="{required: true, message:'请输入年龄', trigger: 'blur'}">
<el-input v-model="item.age" placeholder="请输入年龄" maxlength="30" />
</el-form-item>
</el-col>
</el-row>
</div>
这样修改后，prop属性的路径将正确地绑定到表单项的数据上，错误就会消失。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [在表单验证的时候，遇到报错Error: please transfer a valid prop path to form item](https://blog.csdn.net/m0_53195432/article/details/121677214)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]