ref 同名的时候，$refs只能获取到最后一个组件

分类：uni-app

Vue

<lmbtnB ref="lmb" >按钮1</lmbtnB>  
<lmbtnB ref="lmb" >按钮2</lmbtnB>  
<button @click="aaa"></button>  

aaa(){  
   this.$refs.lmb.reset()  
}

reset()这个为组件的内部方法
当调用 this.$refs.lmb.reset() 时，只有按钮2可以生效
有没有方法可以让只要是ref的参数相同的，都可以触发成功reset(),也就是让按钮1和按钮2都生效

2023-02-07 15:10 负责人:无分享

2 个回复

FullStack - 【插件开发】【专治疑难杂症】【ios上架、马甲包、白包、过审、已成功上架过几百个】【多款插件已上架：https://ext.dcloud.net.cn/publisher?id=22130】【非诚勿扰】QQ：543610866

this.$refs.lmb[0]，获取的是第一个

7***@qq.com (作者)

[Vue warn]: Error in v-on handler: "TypeError: Cannot read property 'reset' of undefined"

found in

---> <LmbtnA> at components/lmbtnA/lmbtnA.vue

<Root>

[system] TypeError: Cannot read property 'reset' of undefined

出现两个报错

2023-02-07 15:47
7***@qq.com (作者)

console.log(this.$refs.lmb[0]) 执行这句结果：undefined

2023-02-07 15:48

可以在v-for中使用，引用信息将是包含 DOM 节点或组件实例的数组。 https://uniapp.dcloud.net.cn/tutorial/vue-components.html#ref

该问题目前已经被锁定, 无法添加新回复