vue父子组件通信方式详解以及vue报错Injection“elForm“ not found

原创 已于 2022-03-24 14:56:16 修改 · 6.3k 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
于 2019-05-15 16:47:52 首次发布
本文探讨了在Vue项目中使用Element UI的el-form-item组件时遇到的问题，即未被el-form包裹导致的Injection“elForm”notfound错误。通过实例分析，指出正确使用el-form-item的方法。

最近写vue项目用到父子间的通信，使用了几个组件都没问题，这个出问题了然后看了下错误Injection “elForm” not found 
最后百度到问题的所在：

在利用element 中的dialog的时候报错Injection “elForm” not found 
在网上搜索说是因为vue版本和element版本不匹配之类的，但是我出现这个问题的原因是因为：

  <el-form>
        <el-form-item label="ccc">
   直接写了el-form-item而没用 el-form包裹住

写代码还是的注意哎

标签
#vue Element
webYin
关注
一个响应ping包延迟偏大的问题
流风回雪的博客
07-10 1万+
前段时间客户反馈一个使用pc上的命令行ping无线设备(WiFi4)时,设备平均响应时间(测试时长2小时,1秒Ping一次)相比其它机型偏慢的问题,并上传上具体的时间的Log.从log中看到,大多数包的响应还是比较快的,只是个别响应时间较长,且响应时间长的包时间几乎都是一样的100多ms.如下是部分响应时间截图. 整个2小时的测试时间里,总是时不时的出这么上102,104ms的响应时间,这直接导致了平均响应时间被拉大.于是本地测试,也发现了类似的延迟.本地测试时,现象略有...
3、Tone Mapping色调映射（Advanced High Dynamic Range Imaging ）
ISP行业的忠实粉丝
05-22 1844
3、Tone Mapping色调映射(Advanced High Dynamic Range Imaging) 如今，大多数可用的显示设备无法本地显示HDR内容。 入门级显示器的对比度仅为200：1。 尽管高端液晶电视具有更高的对比度，但平均对比度约为10,000：1，但通常每个色彩通道的离散度为8位，很少为10位。 这意味着色调限制为255。在过去的二十年中，研究人员花费了大量时间和精力来压缩HDR图像和视频的范围，以便可以在LDR显示器上更“自然”地看到数据。 图3.1 色调映射和真实场景之间.
[Vue warn]: Injection "elForm" not found
热门推荐
游海东的技术专栏
11-18 2万+
1、错误描述 2、错误原因 在使用<el-form-item>标签时，外层没有加<el-form>，导致出现报错 <el-form-item> <el-button type="search" @click="searchData">查询</el-button> <el-b...
【STM32 CubeMX】I2C中断方式与DMA方式
m0_62599305的博客
02-16 7675
在STM32 CubeMX环境中，I2C（Inter-Integrated Circuit）通信协议的实现可以采用中断方式或DMA（Direct Memory Access）方式。中断方式通过触发中断来处理数据传输，而DMA方式则利用直接内存访问技术来实现数据传输，减轻了CPU的负担。在选择I2C通信方式时，开发者需要根据具体的应用需求和性能要求来选择合适的方式。STM32 CubeMX提供了图形化配置工具，使得配置I2C通信方式变得更加便捷。
[Vue warn]: Injection “elForm” not found报错解决方法
weixin_43734732的博客
11-05 1万+
该错误大部分是因为elementUI与vue版本不匹配，个人解决方法是引入的时候都是用线上引入的方法，确保版本不冲突 <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> <!-- <script src="../../js/vue.js"&gt...
elementUi Injection “elForm“ not found
MR_SNAIL的博客
08-09 3034
原因：‘el-form-item’外层‘el-form’标签。
[Vue warn]: Injection “elForm“ not found
NancyFyn的博客
04-22 2800
使用 element-ui ，运行 vue 项目时，报 [Vue warn]: Injection “elForm” not found ，原因是 没有将 el-form-item 标签 放在 el-form 标签中，在外层加上 el-form 标签就可以了。
【Vue】使用elementUI组件报错Injection “elForm“ not found
weixin_48595687的博客
02-19 1346
使用elementUI组件报错，组件不显示在界面。代码中引用了elementUI的组件form
vue父子组件通信方式详解以及vue报错Injection "elForm" not found
qq_42977016的博客
08-15 2万+
vue父子组件通信方式 https://www.jb51.net/article/140581.htm
解决方案存档
qq_52507367的博客
05-24 281
element el-form动态表单项校验。
Vue出现Injection "elForm" not found 错误
lonely-左右De博客
07-26 9423
首先： 出现这种错误的第一种情况： Vue版本与Vue脚手架中引入的element版本不匹配。 但是我出现的问题是： 在el-form-item外没用 el-form包住 错误示例： 正确写法： ...
Vue报错：Injection “xxxx“ not found
future_1_的博客
03-16 1万+
子组件或者孙组件在父组件 provide 提供的依赖注入时，子组件或孙组件是在不同页面引入的，有的页面使用 provide 提供了依赖，有的没有提供依赖就会报错。
Injection “elForm“ not found
请告诉他
01-14 5907
使用element ui的控件报错如下 报错误代码： 修正后： <el-form> <el-form-item label="Asn Time："> <el-date-picker v-model="roCondition.startCreatedate" type="daterange" range-separator="To" ...
vue3 injection报错 injection“xxx“ not found.
melissaomy的博客
08-18 7053
修复这个问题的最好办法是在inject的时候加第二个参数。
vue 引入pinia报 injection “symbol(pinia)“ not found
从事前端，不断积累经验，学习新的技术。头像不是本人是莉莉崽（美貌、可爱集于一身的小姐姐，小仙女），一个宝藏博主，值得喜欢！
07-28 6125
vue 引入pinia报 injection "symbol(pinia)" not found
在使用 provide时， 出现injection“ xxxx“ not found （关于学VUE3用provide遇到的坑）
qq_34920595的博客
02-13 3091
我第一次接触到 setup语法的 provide/inject，没有认真阅读文档，帮助其他人完成毕业设计。使用el-dialog来写登录页面，我希望当我登陆成功时，我会在上面的导航条上刷新一个用户的头像。这样就可以轻松地重新登录指定的部件。我只是愚蠢的使用了 provide但我并不知道 provide是用来传递父元件的属性方法的，我没有料到我的el-dialog会被写入到最上面的导航条中。这样就出现了这样一种有趣的情况，即通过provide（）方式将该方法传递到父元件。
vue3路由传参获取不到params，获取到为空
liuzaixi的博客
08-17 5767
注意：从Vue Router的2022-8-22 更新后，我们使用param传参在新页面无法获取数据。
element报错Injection "elFormItem" not found
senoritaypj的博客
03-26 1399
今天遇到一个问题如下： 因为之前在别的地方也用过这个组件发现没问题，但是这个地方就报错，遂翻出之前的引用对比之发现引用正确的地方是包在el-form中，所以试了下，果然！包在el-form下不会报错，记录下解决方法，抽时间补充原理。 ...
Vue3中的provide/inject/InjectionKey
SEKIRO_DJ的博客
03-31 6966
用provide和inject可以很方便的在父子组件之间通讯，即使是多层子组件，也能获取到父组件的值。但是会遇上类型上的问题，导致父组件传给子组件的方法无法调用，这时候我们可以使用vue3提供的InjectionKey解决这一问题。 在父组件中定义对象和函数 ，用provide暴露 const user = ref({ name: 'Karen', age: 20 }) provide('user', user) const setUser = ({ name, age }: { name: str
vue.js（16）--vue的组件
baiqiu2777的博客
08-17 199
注册一个全局组件 <div id="app"> <test></test> </div> <script> // 注册全局组件 Vue.component('test', { template: '<h1>自定义组件!</h1>' }) // 创建根实例 new ...
iview页面报错【vue.js:616 [Vue warn]: Injection "FormInstance" not found found in】
DAMO小天天
03-02 6669
故事：刚接触iview没几天，遇到了这么个问题，如下的报错信息，虽然对页面的布局和数据没有任何影响，但是vue.js里面对这个页面进行了异常抛出了，作为程序员是非常难受的，尤其是在刚接触一门新语言的时候，代码还没怎么弄明白呢，就有错误，都不知道是怎么回事，是会对代码的质量造成混淆的。 问题：报错如下，从字面意思就是vue找不到form的实例，给抛出了异常： vue.js:616 [Vue ...
踩坑实录（Second Day）
与墨的编程成长历程
02-06 1535
作为公司的小菜鸟，每天都踩坑应该是一件很正常的事情吧，哈哈哈。今天遇到了比较棘手的问题，以前从来没有遇到过。然后就是在某平台上接的一个 bug 修改的单子，也拿出来和大家分享一下~此为第二篇（2024 年 02 月 05 日）
南京邮电大学电工电子实验B实验七（组合逻辑电路实验2）
南京邮电大学电工电子实验B实验七（组合逻辑电路实验2）
STM32F103C8T6最小系统板ALTIUM设计硬件原理图PCB+AD集成封装库.zip
STM32F103C8T6最小系统板ALTIUM设计硬件原理图PCB+AD集成封装库，2层板设计，Altium Designer(AD)设计的工程文件，包括完整的原理图和PCB及封装库文件，可用AD软件打开或修改，可作为你产品设计的参考。
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值