微信小程序 页面与自定义组件之间的通信


{
  "usingComponents": {
    "my-component": "/components/custom-component"
  }
}


 />


Page({
  data: {
    msg: '我是父组件信息',
  },
change: function (e) {
    this.setData({
      msg: e.detail.val
    })
  }
})



  {{myProperty}}
  {{childmsg}}
  
  



Component({
  properties: {
    myProperty: String // 简化的定义方式
  },
data: {
    childmsg:'我是子组件信息'
  },
  methods: {
    _myPrivateMethod: function () {
      this.setData({
         childmsg: '子组件信息改变了',
          myProperty:'父组件信息改变了'
      })
    },
  changeParentData: function () {
      var myEventDetail = {
        val:'子组件改变了父组件的值'
      } // detail对象,提供给事件监听函数
      var myEventOption = {} // 触发事件的选项
      this.triggerEvent('myevent', myEventDetail, myEventOption)
    },
  }
})

你可能感兴趣的:(微信小程序 页面与自定义组件之间的通信)