【小程序】小程序开发遇到问题：如何把子组件的值传给父组件

• Z时代
• 2024-01-10
• 分类：技术分享

Component({
properties: {}
methods: {
onTap: function(){
var myEventDetail = {} // detail对象，提供给事件监听函数
var myEventOption = {} // 触发事件的选项
this.triggerEvent('myevent', myEventDetail, myEventOption)
}
}
})

这是官方文档给出的自定义事件，通过triggerEvent来触发，那我如果想给这个'myevent'传递一个自定义组件的参数我该如何实现，好像没看到方法。

回答

Component

Component({
  properties: {},
  data: {
    info:'我是子组件的值'
  },
  methods: {
    modalClear:function(){
      let myEventDetail = this.data.info;
      this.triggerEvent('myevent',myEventDetail,{bubbles:false});
    }
  }
})

index.wxml

//组件
<my-component modal-hidden="{{is_modal_Hidden}}" modal-msg="{{is_modal_msg}}" bind:myevent='onMyevent'></my-component>

index.js

  onMyevent:function(e){
    console.log(e.detail);
  }

你说的是监听事件传递吗?
this.triggerEvent('myevent', {myEventDetail, myEventOption})

以上是 【小程序】小程序开发遇到问题：如何把子组件的值传给父组件 的全部内容， 来源链接： utcz.com/a/79001.html