支付宝小程序自定义组件的子父组件之间如何相互调用传值

追格官方小助手/ 2022年06月21日/ 小程序/ 浏览 3737

支付宝小程序自定义组件可通过 this.$page 拿到小程序页面实例,然后挂载到小程序实例上进行相互调用。


 // 父组件 - /component/fu/fu.js
didMount() {
    this.$page.fu = this; // 通过此操作可以将组件实例挂载到所属页面实例上
  },

//子组件 - /component/zi/zi.js
didMount() {
    this.$page.zi = this; // 通过此操作可以将组件实例挂载到所属页面实例上
  },


小程序页面调用父组件、子组件方法:


//调用组件内 method 方法  
this.zi.zimethod()
this.fu.fumethod()
//更改组件内data值
this.fu.setData({
      test:'123'
    })
 this.zi.setData({
      test:'123'
    })


父组件的更多调用方法,可以参考文档:https://opendocs.alipay.com/mini/framework/auge4r

发表评论

暂无评论,抢个沙发...

客服 工单