this.$refs,salesRankRefjj.searchRankCall is not a function

文章讲述了在Vue项目中,当父组件试图通过$refs获取子组件的方法时遇到的问题,因为子组件使用了v-for创建多个实例,导致$refs返回的是一个数组。解决方法是明确指定索引如`this.$refs[xxx][0]`来访问子组件。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在vue项目中,在父组件使用$refs获取不到子组件的方法,为什么?
我的报错如下:
[Vue wamn]: Error in v-on handler: "TypeError: this.$refs,salesRankRefjj.searchRankCall is not a function' found in
在这里插入图片描述
代码如下:
在这里插入图片描述

可是在页面上能打印出子组件:
在这里插入图片描述
在子组件代码也存在该方法
在这里插入图片描述
经过分析,发现代码使用了v-for,有多个子组件,获取到的是一个数组形式的refs,
在这里插入图片描述

官网说:
在这里插入图片描述
解决

当 ref 和 v-for 一起使用的时候,用this.$refs[xxx][0] 获取子组件身上的值

正确代码
在这里插入图片描述
即可解决!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值