开发者社区
社区提问意见反馈
开发者钉组织
扫描二维码
加入支付宝开发者钉组织
文档中心
凯发app官方网站的技术支持 & 案例 faq 
支付宝小程序
案例分析
sdk & demo下载
常见问题
常用工具
iot小程序
运维保障
小程序 > 支付宝小程序 > 案例分析 > 小程序page页面中父组件&子组件相互传值调用方法
收藏
我的文档
设置
说明 小程序page页面中父组件&子组件相互传值调用方法:组件可以通过 this.$page 拿到小程序页面实例,然后将组件实例挂载到小程序页面实例上进行相互调用。 步骤一: 将父组件,子组件分别挂载到所属页面实例上 父组件- /component/fu/fu.js
java
复制代码
didmount() {
this.$page.fu = this; // 通过此操作可以将组件实例挂载到所属页面实例上
},
子组件- /component/zi/zi.js
java
复制代码
didmount() {
this.$page.zi = this; // 通过此操作可以将组件实例挂载到所属页面实例上
},
步骤二:通过页面实例实现相互调用 小程序页面调用父组件,子组件方法
java
复制代码
//调用组件内method方法
this.zi.zimethod()
this.fu.fumethod()
//更改组件内data值
this.fu.setdata({
test:'123'
})
this.zi.setdata({
test:'123'
})
父组件调用子组件内方法
java
复制代码
//调用子组件method方法
this.$page.zi.zimethod()
////更改子组件内data值
this.$page.zi.setdata({
test:'123'
})
子组件调用父组件内方法
内容没有解决您的问题?您还可以前往 或 寻求帮助
凯发k8官方网娱乐官方 copyright © 2022 支付宝(杭州)信息技术有限公司  | icp证浙b2-20160559
该文档对你是否有帮助?
网站地图