微信小程序> 小程序父子组件通信传值、父组件调取子组件、子组件调取父组件

小程序父子组件通信传值、父组件调取子组件、子组件调取父组件

浏览量:2883 时间: 来源:你蠢哭我咯

父组件中
default-value为传递给子组件的值

x-picker-date id="picker-date" default-value="{{newTime}}" wx:if="{{showPicker}}" bind:myevent="toggleToast"/x-picker-date

父组件js

showPickerDate(e) {  this.setData({ showPicker: true })  // 调用子组件中methods的onshow方法  this.selectComponent('#picker-date').onshow()},// 获取子组件信息toggleToast(e){    console.log(e.detail)}

子组件js中

properties: {// 父组件传值    defaultValue: {      type: String,      value: 'default value',    }  },methods: {    onshow() {        console.log(this.data.defaultValue)    },    // 传递给父组件    cancelBut: function (e) {      var that = this;      var myEventDetail = { pickerShow: false, type: 'cancel' } // detail对象,提供给事件监听函数      this.triggerEvent('myevent', myEventDetail) //myevent自定义名称事件,父组件中使用    },}

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎