开发者社区
社区提问意见反馈
开发者钉组织
扫描二维码
加入支付宝开发者钉组织
文档中心
凯发app官方网站的技术支持 & 案例 faq 
支付宝小程序
案例分析
sdk & demo下载
常见问题
常用工具
iot小程序
运维保障
小程序 > 支付宝小程序 > 案例分析 > ref获取组件实例使用介绍
贡献者
收藏
我的文档
设置
简介
从 1.14.0 版本开始,自定义组件支持使用 ref 获取自定义组件实例,可以使用 my.caniuse('component2') 做兼容。并且,需要在 ide 中的 详情 > 项目配置 中,勾选 component2。 
使用 ref 绑定 saveref 之后,会在组件初始化时触发 saveref 方法。
saveref 方法的参数 ref 为自定义组件实例,由框架传递给 saveref 方法。
ref 同样可以用于父组件获取子组件的实例。
示例代码
javascript
复制代码
// /pages/index/index.js
page({
plus() {
this.counter.plus();
}, // saveref 方法的参数 ref 为自定义组件实例,运行时由框架传递给 saveref
saveref(ref) {\t// 存储自定义组件实例,方便以后调用
this.counter = ref;
},
});
xml
复制代码
//pages/index/index.axml
<my-component ref="saveref" /><button ontap="plus"> button>
javascript
复制代码
// /components/index/index.js
component({
data: {
counter: 0,
},
methods: {
plus() {
this.setdata({ counter: this.data.counter 1 })
},
},
})
自定义组件 ref 定义段
自基础库 1.18.0 开始,自定义组件(component2)支持使用 ref 定义段指定调用者传递 ref 时获取的值。未使用 ref 定义段时,调用者传递 ref 获取的值是自定义组件的 this(插件的自定义组件将返回 null)。 使用这个定义段时,将以这个定义段的函数返回值代替。
相关文档
ref 获取组件实例
自定义组件介绍
my.caniuse
内容没有解决您的问题?您还可以前往 或 寻求帮助
凯发k8官方网娱乐官方 copyright © 2022 支付宝(杭州)信息技术有限公司  | icp证浙b2-20160559
该文档对你是否有帮助?
当前页面目录
网站地图