微信小程序转uniapp:3)微信this.selectComponent获取组件实例不适用uniapp。

在使用微信小程序获取子组件实例对象时,我们通常会使用this.selectComponent("#id"),然而在uniapp上是无法获取到组件对象的。该如何解决这个问题呢?我推荐大家使用 $refs ,顺便介绍一下uni-app $refs的基本用法。

$refs的基本用法:一个对象(Object),持有注册过 ref 特性 的所有 DOM 元素和组件实例。

简单的说就是通过ref="id"去注册组件,然后使用this.$refs.id获取组件的实例,进而可以使用组建的方法。

代码实现:

微信实现:

<a id="a" ></a>

this.selectComponent("#a").getB();



uniapp的实现:

//注册组件a
<a ref="a" ></a>

//获取组件a实例,然后调用组件a的getB()方法
var active = this.$refs.a;
a.getB();

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

sziitjin

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值