element-ui动态删除表单项后导致表单验证报错“please transfer a valid prop path to form item!“

[Vue warn]: Error in mounted hook: “TypeError: Cannot read property ‘getAttribute‘ of null“ 错误场景一: 错误提示: 在运行Vue项目时出现了上述错误,出现该错误的原因是Echarts的图形容器还未生成就对其进行了初始化所造成的,代码如下: // 基于准备好的dom,初始化echarts实例 var bar_dv = document.getElementById('bar_dv'); let myChart = this.$echarts.init(bar_dv) 解... 阅读详情

 

<template v-for="(person,index) in Form.List">
    <el-form-item :prop="'List.'+index + '.code'" :key="person.key" :rules="rules">
        <el-input v-model="person.code"></el-input>
    </el-form-item>
    <el-form-item prop="name">
        <el-input v-model="person.name"></el-input>
    </el-form-item>
    <el-button @click="removeDomain(index)" size="small">-</el-button>
</template>

el-form-item 里面的循环prop名字,需要 和form中list的名字一致,这样才能确保组件的统一性

prop 中的值千万不要用点号,点具有特殊含义,会进行对象下级查找

Autosar诊断实战系列07-Dcm之0x19 06扩展数据配置及工程问题讨论 19 06扩展数据如何配置?如果某DTC没有出现过故障扩展数据该如何响应? 阅读详情

相关推荐

verilog学习——Verilog的行为建模/Behavioral modeling(2)

函数的用途是返回要在表达式中使用的值。函数定义始终以关键字function开始,后跟返回类型、名称和在参数中的端口列表。函数以关键字endfunction结束。函数至少有一个输入,如果不返回任何内容,则返回类型为void。由两种方法可以声明函数的输入;函数定义隐式地创建一个与函数同名的内部变量。通过将函数结果分配给内部变量来初始化返回值。函数调用是带有表达式的操作数。① 函数不能包含任何时间控制语句,如#、@、wait、posedge、negedge;

LXY241638的博客 1361

element-ui动态删除表单项后导致表单验证报错"please transfer a valid prop path to form item!"

文档:https://element.eleme.io/2.12/#/dong-tai-zeng-jian-biao-dan-xiang 我们有个数组如下: channelForm: [ [{ name: "10", uname: "002", imgBase64: "005", id: "10...

小漠007的专栏 7万+

告别手动转换!用腾讯云轻量服务器+QMT插件,5分钟搞定聚宽策略实盘(附完整源码)

本文详细介绍如何利用腾讯云轻量服务器和QMT插件快速实现聚宽策略的自动化实盘部署。通过云端信号中转站解决协议转换、信号缓存等核心问题,5分钟完成服务器配置,并附完整源码实现零改造实盘方案,显著提升量化交易效率。

weixin_28707739的博客 659

element-ui动态删除表单项后导致表单验证报错"please transfer a valid prop path to form item!"...

2019独角兽企业重金招聘Python工程师标准>>> ...

weixin_34166847的博客 4575

ADS新手必看:用Filter DesignGuide快速搞定一个4GHz LC低通滤波器(附保姆级避坑指南)

本文为ADS新手提供了4GHz LC低通滤波器的完整设计流程,重点介绍了如何使用Filter DesignGuide避免参数设置陷阱、正确解读仿真结果以及解决实际电路与理论值的偏差问题。通过真实工程案例,详细讲解了工程创建、Filter DesignGuide配置、电路优化、仿真设置及实际工程中的进阶技巧,帮助工程师快速掌握LC滤波器设计。

weixin_30878501的博客 300

UBUNTU使用RTL8811CU网卡(包含树莓派)

下载驱动 从绿联中下载:链接 下载解压后,chmod Linux文件夹 sudo chmod -R 777 ./Linux/ 修改系统的BOOT Secure为disable,参考链接:链接 sudo apt install mokutil sudo mokutil --disable-validation 重启电脑后,按照提示选择change secure boot state,并输入对应的字母(并不是全部密码,而是第几个),选择disable即可 进入Linux文件夹,运行命令 ..

Hot_Ant的博客 6246

完整版:vue给el-table动态添加删除行,加校验,并本地缓存数据

先上效果图 废话少言 直接上代码 渲染代码 <el-table stripe highlight-current-row border v-loading="dataListLoading" :data="dataList" @selection-change="selectionChangeHandle()"> <el-table-column type="selection" header-align="center" align="center">&..

agesguyue的博客 1427

利用绝对式编码器实现电机无限旋转的配置与优化

本文详细解析了如何利用绝对式编码器实现电机的无限旋转功能。通过切换驱动器编码器工作模式、精确计算逻辑位置范围等关键配置步骤,解决了传统方案在多圈计数溢出时的定位难题。该方案无需硬件改造,适用于大型回转台、连续供料系统等需要大范围连续绝对定位的自动化场景。

weixin_29184371的博客 239

Element 动态表单嵌套踩坑日记 please transfer a valid prop path to form item

动态表单多层嵌套 prop ,rules 验证的一些特殊性

m0_59769246的博客 1万+

蓝牙Channel Sounding为真正的距离感知赋能

1:工作原理蓝牙™信道探测使用两种经过验证的测距方法——PBR(PBR)和RTT(RTT),实现蓝牙设备之间的安全精密测距。

weixin_43720159的博客 807

linux基线检查、基线加固、安全漏扫、系统漏洞、centos7、文尾部附脚本

等保三级-CentOS Linux 7合规基线检查 风险分类:系统-等保三级-CentOS Linux 7合规基线检查 检测项说明: CentOS Linux 7合规基线检查,对标中国等保2.0第三级等级保护基本要求部分检查项目,仅供参考 检查项目 : 应对登录的用户进行身份标识和鉴别,身份标识具有唯一性,身份鉴别信息具有复杂度要求并定期更换 加固建议: 1、执行`cat /etc/shadow | awk -F: '($2 == "" ) { print $1}' `, 查看空密码账户并处理; 2、

swindy博客 5622

❤Node搭建字典类型表和字典数据表以及接口

❤Node搭建字典类型表和字典数据表

林太白 1588

手把手教你学基带SOC芯片(4.4.9)--基带芯片的电源管理实例:高通 Snapdragon 系列实例(十)

Snapdragon 888 通过支持多种深度睡眠模式,如 AOAC 模式、低功耗模式和深度睡眠模式,以及智能电源管理技术,实现了对功耗的精细管理。这些模式不仅延长了设备的电池寿命,还确保了用户在各种使用场景下的良好体验。无论是保持网络连接、限制后台活动,还是完全关闭不必要的功能,Snapdragon 888 都能够灵活应对,提供高效的功耗管理方案。

MHD0815的博客 740

element-ui的el-table和el-form嵌套使用表单校验的用法及可能出错的情况及解决方法

el-form套el-table并校验element-ui的el-table和el-form嵌套使用表单校验element-ui动态删除表单项后导致表单验证报错"please transfer a valid prop path to form item!"隐藏浏览器控制台输出async-validator验证警告 element-ui的el-table和el-form嵌套使用表单校验 → element-ui的el-table和el-form嵌套使用表单校验 <!--添加-->

DcTbnk的博客 3932

pscad IEEE标准系统搭建说明

pscad IEEE标准系统搭建说明,包含典型的IEEE 9节点、14节点、30节点、39节点和118节点系统。内含标准测试系统的原始数据和潮流结果。

IEM模型,地表粗糙度模拟

利用微波反演土壤水分时候,利用IEM模型可以实现对随机地表的模拟

Error: please transfer a valid prop path to form item

把表格嵌入到了表单中,希望实现表格中的输入项能够校验必填项,但是爆出了这个问题 代码段示例如下: <el-table-column label="货品编码"> <template slot-scope="scope"> <el-form-item :prop="'tableData.' + scope.$index + '.code'" :rules="rules.code"> <el-input v-model="s

evak_的博客 3741

精雕软件(JDpaint) 5.5 绿色版

精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版

element-ui 重置表单this.$refs.dataForm.resetFields()时报错

问题:element-ui 重置表单this.$refs.dataForm.resetFields()时报错: [Vue warn]: Error in v-on handler: "Error: please transfer a valid prop path to form item!" 原因:执行重置表单操作时,DOM还没有加载,获取不到表单DOM,就报错了。 解决方法:使用this.nextTick解决,等待dom加载以后再来获取dom对象 this.$nextT...

天天向上 4033

霍尼韦尔SoftMaster使用说明

霍尼韦尔SoftMaster使用说明

在表单验证的时候,遇到报错Error: please transfer a valid prop path to form item

在表单中数据有嵌套,并且是动态添加表单项时候,出现了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

m0_53195432的博客 2万+

element-ui动态增减表单项使用过程中报错

prop里的名字需要和form里的属性一致。

2301_77473080的博客 610

el-form-item 设置 prop 报错:please transfer a valid prop path to form item!

【代码】el-form-item 设置 prop 报错:please transfer a valid prop path to form item!

sumimg的博客 805

vue3 antd 报错:please transfer a valid name path to form item

原因:是循环体和字段无法绑定。

学习新知识,争做新青年 1088

如何解决报错:please transfer a valid prop path to form item!

<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" ..

tann888的博客 1万+

vue3 form 报错: please transfer a valid name path to form item

最近vue3着实很火,但很多伙伴在用的时候发现很多坑,比如说上面这个报错 please transfer a valid name path to form item! 为什么会出现这个问题呢,我是在使用antd的动态增减表单(循环)的时候报了这个错误,搞了很久才找到根本原因。 原因:你的formItem的name属性没有和数据输入(input)框关联起来,导致表单规则校验一直报错 解决方法: 因为出现这种场景很多,所以这里提供几个注意事项,大家可以依次检查一下。 1.检查formItem的na

qq_38519358的博客 9088

[Vue warn]: Error in mounted hook: “Error: please transfer a valid prop path to form item“ 解决办法

"Error: please transfer a valid prop path to form item!" 解决办法问题产生问题产生原因解决办法扩展 问题产生 在写项目的时候遇到了一些问题,虽然对项目影响不大,但是一个报红看起来不爽,所以就看一下怎么解决,报如下的错误 [Vue warn]: Error in mounted hook: “Error: please transfer a valid prop path to form item!” 中文: [Vue 警告]:挂载钩子错误:“错误:请传

码出精彩 2万+

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

vue报错[Vue warn]: Error in mounted hook: "Error: please transfer a valid prop path to form item!"

weixin_61103148的博客 4216

vue3报错-antdv报错-动态增减表单项报错-please transfer a valid name path to form item!

上面红框中的两项要保持一致,否则报错。

zbailing的博客 578
上一篇: 浅谈XSS跨站脚本攻击
下一篇: 一文帮你搞定 JS 手写题!面试手写题不慌了
beichen3997
博客等级 码龄9年 96粉丝 182原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值