please transfer a valid prop path to form item!

已于 2023-03-21 11:48:16 修改
阅读量1.3k 收藏
点赞数
文章标签： vue.js elementui
于 2023-03-21 11:47:36 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_53825610/article/details/129685350
版权

原因是  <el-form-item> 中的 prop 有问题：

 <el-form-item prop="FormData.vCode" :rvules="{
              required: true, message: '请输入验证码', trigger: 'blur'
            }">
              <el-col :xs="15" :sm="15" :span="17">
                <el-input prefix-icon="el-icon-more-outline" maxlength="6" placeholder="短信验证码" 
                  v-model="FormData.vCode"></el-input>
              </el-col>
            </el-form-item>
            <el-form-item prop="contactemail" :rules="{
              required: true, message: '请输入联系人邮箱', trigger: 'blur'
            }">

只需要把 prop="FormData.vCode" 改为 prop="vCode"就解决了

茶凉_
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
提交表格校验时报错：please transfer a valid prop path to form item!
qq_33911541的博客
05-19 1619
报错：please transfer a valid prop path to form item!
prop-types-to-ts:Codemod 将 React PropTypes 转换为 TypeScript 类型
08-04
PropTypes 到 TS Codemod 将 React PropTypes 转换为 TypeScript 类型。...npx jscodeshift -t https://raw.githubusercontent.com/mskelton/prop-types-to-ts/master/transform.ts src/ ** / * .{
如何解决报错：please transfer a valid prop path to form item!
tann888的博客
03-16 1万+
<el-form-item v-for="(item, index) in formData.picSize" :key="item.title" :label="item.title" class="yydh-bili"> <el-form-item :prop="'item.' + index + '.width'" :rules="picRules" ..
报错：please transfer a valid prop path to form item!
热门推荐
AsBefore麦小兜
12-26 8万+
错误主要在 el-form-item 设置 prop 的时候出错 el-form-item 里面的循环prop名字，需要 和form列表中的属性名称一致，这样才能确保组件的统一性。 <template v-for="(person,index) in temp"> <el-form-item prop="name"> <el-in...
vue2中报错：please transfer a valid prop path to form item!
jieyucx的博客
04-06 2838
vue2中报错：please transfer a valid prop path to form item!将两者统一就可以了，比如都绑定为des。这是因为form表单的某一项。
解决please transfer a valid prop path to form item! 报错
奥特蛋的博客
02-15 2046
报错原因：循环的item绑定prop不在表单里，一般是动态绑定rulus规则时命名错误，可以绑定已存在的表单。
在表单验证的时候，遇到报错Error: please transfer a valid prop path to form item
m0_53195432的博客
12-02 1万+
在表单中数据有嵌套，并且是动态添加表单项时候，出现了Error: please transfer a valid prop path to form item!这个错误。 使用的vue的elementUI组件，form表单绑定的数据是： form{ name:'huahua', age:22, friend:[ {name:'lingling',age:20}, {name:'yueyue',age:23} ] } 经过查阅资料，这种情况下要验证friend需要用一下方法 例子如下： &lt
global.prop
11-02
keil5配色（暗色系）
Prop-Hunt.rar_prop hunt_prophunt下载
09-23
《Prop Hunt游戏详解与下载指南》 Prop Hunt是一款深受玩家喜爱的模组游戏，它源自经典的第一人称射击游戏Counter-Strike（CS）系列。在Prop Hunt游戏中，玩家被分为两个阵营：猎人（Hunters）和道具（Props）。...
深入浅析Vue中的Prop
08-27
深入浅析Vue中的Prop Vue中的Prop是组件之间通讯的重要桥梁， Props是从父组件传递给子组件的-immutable数据。下面将详细介绍Vue中的Prop。 Prop的基本用法 ---------------- Prop的基本用法很简单，只需要在子...
Android build.prop生成过程y源码分析
最新发布
05-06
Android build.prop生成过程y源码分析
form表单中数组的校验 以及 please transfer a valid prop path to form item问题处理
weixin_43501249的博客
12-07 2769
1. form表单中数组的校验 <template> <div class="container"> <el-form ref="form" :model="form" :rules="rules" > <!--// 对form中的数组进行校验 --> <div v-for="(item, index) in form.list" :key="
Error: please transfer a valid prop path to form item
evak_的博客
02-23 3476
把表格嵌入到了表单中，希望实现表格中的输入项能够校验必填项，但是爆出了这个问题 代码段示例如下： <el-table-column label="货品编码"> <template slot-scope="scope"> <el-form-item :prop="'tableData.' + scope.$index + '.code'" :rules="rules.code"> <el-input v-model="s
el-form-item 设置 prop 报错：please transfer a valid prop path to form item!
sumimg的博客
08-09 471
【代码】el-form-item 设置 prop 报错：please transfer a valid prop path to form item!
vue3 form 报错: please transfer a valid name path to form item
qq_38519358的博客
03-17 6837
最近vue3着实很火，但很多伙伴在用的时候发现很多坑，比如说上面这个报错 please transfer a valid name path to form item! 为什么会出现这个问题呢，我是在使用antd的动态增减表单（循环）的时候报了这个错误，搞了很久才找到根本原因。 原因：你的formItem的name属性没有和数据输入（input）框关联起来，导致表单规则校验一直报错 解决方法： 因为出现这种场景很多，所以这里提供几个注意事项，大家可以依次检查一下。 1.检查formItem的na
vue 报错：please transfer a valid prop path to form item
weixin_41431016的博客
07-13 3211
前端项目编译报如下错误，这两处其实是一处的报错 查看第二处报错信息中对应的getProByPath函数 可以大概知道是解析prop属性指定的路径时找不到触发的报错，由于prop是用于设置一些规则的属性 所以遇到这种报错就需要看下代码中prop指定的路径是否在rules中存在 我触发报错的原因是因为表单中的prop中指定的causesAndNeeds被我从rules规则中删除了，解决...
解决el-steps切换时el-form的动态表单报错Error: please transfer a valid prop path to form item
请叫我欧皇！的博客
01-26 542
问题：在el-steps进行上一部下一步的切换的时候，不同步骤的表单内容不同，但是我发现在切换时动态表单校验的prop就会报错，网上看了很多方法依然还在报错，解决办法如下。原因是我之前切换判断用的是v-if,只需要把v-if换成v-show即可解决该问题。文章到此结束，希望对你有所帮助~
please transfer a valid prop path to form item!"
09-02
错误信息"please transfer a valid prop path to form item!"是由于在表单项中的prop属性没有正确绑定导致的。在引用中的代码片段中，prop属性被设置为"FormData.vCode"和"contactemail"，这些值应该是表单中的属性。在引用和引用中的代码片段中，prop属性被动态地绑定到表格中的某个字段上，以实现对该字段的校验。如果prop属性的值不正确或没有正确绑定到表单或表格中的属性，就会出现上述错误。请检查表单项的prop属性是否正确绑定，确保它与表单或表格中的属性对应。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [please transfer a valid prop path to form item!](https://blog.csdn.net/qq_53825610/article/details/129685350)[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_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [please transfer a valid prop path to form item 解决](https://blog.csdn.net/fortunate_leixin/article/details/124409556)[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_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值