[toc]

⼦组件通过事件的⽅式向⽗组件传递参数

1、子组件调用triggerEvent开启事件

myHeader.js

// components/myHeader.js
Component({
  /**
   * 组件的属性列表
   */
  properties: {
    father_data:{
      type:String,
      value:""
    },
    
  },

  /**
   * 组件的初始数据
   */
  data: {
    comData:"MY COMPONENTS"
  },

  /**
   * 组件的方法列表
   */
  methods: {
    datatab:function(e){
      this.triggerEvent("sondata", "son")
    }
  }
})

2、父组件定义事件接收子组件传值

<!--pages/demo/demo.wxml-->
<my-header father_data="father" bindsondata="father_sondata"></my-header>

父组件通过事件触发获取值:

// pages/demo/demo.js
Page({
  
   data: {
  },
  father_sondata : function(e) {
    console.info(e.detail)
  }

 })

3、效果

点击组件,触发事件,通过监听获取到属性值

image.png

image.png
image.png

Q.E.D.


只有创造,才是真正的享受,只有拚搏,才是充实的生活。