elementUI form表单校验报错

elementUI form表单动态增加表单项使用v-for进行表单校验时报错,报错信息如下:

please transfer a valid prop path to form item!

主要原因是el-form-item的v-for内容要和绑定的prop名称对应上

<el-form-item
   v-for="(rules, index) in form.rules"
   :label="`键值${index + 1}`"
   :key="index"
   :prop="`rules.${index}`" :rules="{
     required: true, message: 'value不能为空', trigger: 'blur'
   }"
 >
   <el-input v-model="form.rules[index]" class="key-input"></el-input>
   <el-button @click.prevent="removeRules(rules)">删除</el-button>
 </el-form-item>
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容