微信小程序子组件给父组件传递参数，并获取组件实例

paul jeorgh

于 2024-04-02 22:19:35 发布

阅读量207

点赞数

文章标签：微信小程序小程序

本文链接：https://blog.csdn.net/2302_79777012/article/details/137292803

版权

本文介绍了一个使用Vue.js编写的自定义组件如何通过事件系统将数据传递给父组件。组件初始化时存储数值，点击按钮触发`myEvent`发送数据，父组件通过`selectComponent`获取并打印接收到的数据。

摘要由CSDN通过智能技术生成

// components/costoms05/costoms05.js
Component({


  /**
   * 组件的初始数据
   */
  data: {
       num:6666666
  },


  /**
   * 组件的方法列表
   */
  methods: {
    sendData(){
      this.triggerEvent("myEvent",this.data.num)
    },
  }
})


<button  bindtap="sendData">给父组件传递参数</button>

<costoms05 class="costoms05"  bindmyEvent="costoms05"></costoms05>

  getData(){
       let  costoms05 = this.selectComponent(".costoms05")
       console.log("costoms05:",costoms05.data.num)
  },


onShow(){
  
    this.getData()
}