Vue父组件调用子组件的方法报错'annot read property 'changeEngineIcon' of undefined'

最新推荐文章于 2023-01-08 14:47:46 发布
最新推荐文章于 2023-01-08 14:47:46 发布
阅读量1.1k 收藏
点赞数 1
文章标签： vue vue父组件调用子组件的方法
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jwhailc/article/details/102785955
版权

在这里插入图片描述在这里插入图片描述在这里插入图片描述
这样的报错原因是你的子组件在一个循环里写着,你可以输出一下
this. r e f s . m y c h i l d , 你 会 发 现 返 回 的 是 一 个 数 组 , 这 时 候 你 如 果 要 调 用 则 必 须 添 加 索 引 t h i s . refs.mychild,你会发现返回的是一个数组,这时候你如果要调用则必须添加索引 this. refs.mychild,你会发现返回的是一个数组,这时候你如果要调用则必须添加索引this.refs.mychild[0].changeEngineIcon()就可以解决问题了.

宇宙少女-小贾
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue 调用子组件方法失败_vue父组件引用子组件方法显示undefined问题原因及解决方法...
weixin_39839478的博客
12-29 2602
1.首先导入子组件并且在components中定义子组件2.引用子组件,并定义ref,ref定义的名称用于 this.$refs所调用的名称3.调用子组件的方法 (getLoanApplyInfo()为子组件的方法)。但是我在调用子组件的方法时 (this.$refs.pboc.getLoanApplyInfo()方法)，出现了getLoanApplyInfo未定义的异常。这个问题出现肯定是我没有...
vue父组件调用子组件报错：Cannot read properties of undefined
醉殇姒若梦遗年 ツ的博客
09-15 2774
父组件中直接通过ref调用子组件（headTop）中的（hideTab）方法，在子组件中定义了这个方法，但是一直报undefined。最后通过加入判断解决，先判断子组件存在，然后再调用子组件中的方法。
【vue】父组件调用子组件函数方法
Pinkr28的博客
12-21 392
前端 vue 父子组件
【BUG】父组件调用子组件方法时报错
BitterSugar的博客
03-25 938
在elementUI抽屉组件中，父组件调用子组件方法时出现bug的解决方案。
Vue——vue报错 Cannot read properties of undefined（reading ‘‘avtarUrl）
qq_43201350的博客
01-08 2316
Vue——vue报错 Cannot read properties of undefined（reading ''avtarUrl）
父组件使用this.$refs调用子组件参数或方法时，提示undefined的解决方法
weixin_42966151的博客
12-15 2959
报错信息：Vue warn]: Error in v-on handler: "TypeError: Cannot set property 'baseurl' of undefined" found in
vue 父组件调用子组件方法及事件
08-27
Vue 父组件调用子组件方法及事件 在 Vue 中，父组件调用子组件方法及事件是非常常见的需求，特别是在复杂的组件树中。今天，我们将详细介绍如何实现父组件调用子组件方法及事件。 父组件调用子组件方法 在上面的...
vue 父组件中调用子组件函数的方法
10-16
主要介绍了vue 父组件中调用子组件函数的方法，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值 ,需要的朋友可以参考下
Vue父组件调用子组件事件方法
08-27
这里我们将详细介绍两种常见的Vue父组件调用子组件事件方法。 首先，我们需要理解Vue中的事件机制。Vue采用自定义事件系统来处理组件间的通信，这被称为“事件驱动”编程。组件可以通过`$emit`方法触发事件，而其他...
vue中莫名其妙报错“cannot read property of undefined”
geidongdong的博客
12-13 1万+
夸一下： 转自原文链接：https://blog.csdn.net/weixin_46399753/article/details/104802204 这个哥们真不错，不当老师可惜了。 前言 vue项目中经常会遇到"cannot read property ‘某某某’ of undefined"的报错信息。下面我就简单分析下报错原因及解决方法 问题描述 info是服务端返回的数据，是一个对象。我们要做的就是把对象里的值放到页面显示，先看一下我出错的代码片段 {{info.supports[0].name}}
vue 父组件调用子组件的方法报错，“TypeError: Cannot read property ‘subDialogRef‘ of undefined“
u013474230的博客
06-09 3906
vue 父组件调用子组件的方法报错，“TypeError: Cannot read property ‘subDialogRef’ of undefined” 最近用vue做的一个界面，引入了一个子组件，在父组件中调用子组件的方法时，报错提示： [Vue warn]: Error in v-on handler: “TypeError: Cannot read property ‘methods’ of undefined” 子组件中定义的方法如下： export default { data(){
Vue父组件引用子组件方法显示undefined问题原因及解决方法
_夜渐凉
12-03 1万+
大概理解为：在子组件初始化渲染时，不能立刻访问子组件属性或方法 父组件： // 父组件引用子组件 <PrintReport ref="PrintReport"></PrintReport> // 在父组件的调用子组件的initData方法 this.$refs.PrintReport.initData('666666666'); 子组件： initDa...
vue在父组件调用子组件时报undefined的问题
qq_29109193的博客
08-14 6481
出现这个问题的原因主要是在vue还没进行加载完方法的时候就开始进行执行组件方法就会报这个错误，解决的办法很简单，只要在让方法在vue加载完组件之后再进行执行就好了 ...
vue 报错解决：TypeError: Cannot read property '_t' of undefined"
热门推荐
科技追踪者的专栏
03-13 15万+
前端报错如下： [Vue warn]: Error in render: “TypeError: Cannot read property ‘_t’ of undefined” 是在项目中用了多语言配置，vue 跟 i18n之间的兼容问题。解决方法如下： Vue.use(iView) 替换成 Vue.use(iView, { i18n: function(path, op...
vue 父组件传值给子组件 异步报错 出现Undefind [Vue warn]: Error in mounted hook: "TypeError: Cannot read property
qq_20472061的博客
03-16 1万+
先直接讲解一下错误 vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in mounted hook: "TypeError: Cannot read property ‘detail’ of undefined"found in 这个报错是出现 我出现的是父组件传值 给子组件 然后子组件报错了 直接打印子组件的值 发现这个值是undefind 因为数...
vue父组件引用子组件方法显示undefined问题原因及解决方法
sara716的博客
02-23 6898
原因是子组件还未渲染完成，但是用this.$nextTick包裹还是报undefined错，本人就用setTimeout尝试，结果就没有报错。想不通因为什么，猜想是因为传值原因，但是也不是。有大佬知道原因嘛。。 ...
【VUE】父组件在mounted/created 中调用子组件方法报错
少莫千华
01-13 4633
一、错误描述 [Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'createData' of undefined" vue.runtime.esm.js?2b0e:619 found in ---> <DataView> at src/components/index.vue <App> at src/App.vue ...
vue父组件使用ref调用子组件方法报错问题
A4006的博客
11-12 3355
vue项目中父组件使用 $ref 来调用子组件的方法时报错，一开始控制台会报错，关掉弹窗并且不刷新的情况下页面就没问题，解决办法简单粗暴~ 两种方法都可以，但是第二种更直观优化。 第一种使用定时器来解决方法未加载，因为 ref 属性初始渲染时，子组件还未挂载好，这时这个方法还不存在，所以不能访问。加个定时器延时执行。但是延迟一秒数据显示出来就会很直面的看见这个页面的加载问题； 所以，第二种方法是更合适的来解决DOM元素未加载完毕，让方法等一等 ...
vue3父组件调用子组件方法报错
最新发布
09-28
在Vue3中，父组件调用子组件的方法可能会报错，原因是在created或mounted钩子函数中调用子组件的方法时，子组件的方法可能还没有被加载完毕。为了解决这个问题，可以使用$nextTick方法来确保子组件已经被完全加载后...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值