• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

小程序父子组件通信-传值

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

父组件中 
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自定义名称事件,父组件中使用
    },
}

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
小程序做判断登陆是否失效发布时间:2022-07-18
下一篇:
微信小程序的更多玩法—骨架屏发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap