当前位置:   article > 正文

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

uniapp selectcomponent

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

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

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

代码实现:

  1. 微信实现:
  2. <a id="a" ></a>
  3. this.selectComponent("#a").getB();
  4. uniapp的实现:
  5. //注册组件a
  6. <a ref="a" ></a>
  7. //获取组件a实例,然后调用组件a的getB()方法
  8. var active = this.$refs.a;
  9. a.getB();

 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/我家自动化/article/detail/731060
推荐阅读
相关标签
  

闽ICP备14008679号