如何使用ref获取组件实例_移动开发平台 mPaaS(mPaaS)-阿里云帮助中心

从 1.14.0 版本开始，自定义组件支持使用 ref 获取自定义组件实例，可以使用 my.canIUse('component2') 做兼容。

// /pages/index/index.js
Page({
  plus() {
    this.counter.plus();
  },
  // saveRef 方法的参数 ref 为自定义组件实例，运行时由框架传递给 saveRef
  saveRef(ref) {
    // 存储自定义组件实例，方便以后调用
    this.counter = ref;
  },
})

<!-- /pages/index/index.axml -->
<counter ref="saveRef" />
<button onTap="plus">+</button>

说明：

使用 ref 绑定 saveRef 之后，会在组件初始化时触发 saveRef 方法。
saveRef 方法的参数 ref 为自定义组件实例，由框架传递给 saveRef 方法。
ref 同样可以用于父组件获取子组件的实例。

// /components/counter/index.js
Component({
  data: {
    counter: 0,
  },
  methods: {
    plus() {
      this.setData({ counter: this.data.counter + 1 })
    },
  },
})

<!-- /components/counter/index.axml -->
<view>{{counter}}</view>