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

微信小程序的组件通信

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

1.父传子

  实现方式类似于vue
  引入子组件
  在子组件上添加自定义属性 例如:title,content
  在子组件上的properties上添加要接收的属性 title,content
  在子组件上通过{{ }}就可以直接使用啦。。
  ps:只是接收的时候vue是用props  小程序是properties  里边的方法都是一样的

2.子传父

  实现方式类似于vue
  1.在子组件上触发一个事件 例如:catchtap="confirmmFn"
  2.在对应的confirmFn上添加派发的事件和要向父级传递的数据
    this.triggerEvent('confirm','ok')
    this.triggerEvent('cancel','no')
  3.父组件监听子组件派发过来的事件和要接收的数据
    bind要监听的事件名=“回调方法”
     eg:
       <child  
        bindconfirm="confirm"
        bindcancel="cancel"
       />

   4.在父组件的js中接收数据
    //监听确定按钮触发的回调
    confirm(e) {
       console.log('监听确定',e.detail)
     },

3.兄弟相传 类似于react的兄弟相传

  A兄弟,B兄弟,C(父组件)三个组件
  A-->C--->B
  组件A 通过子传父 将数据传给父组件 C 
  父组件C 通过父传子的方法将数据再传给子组件B 这样就完成了微信小程序的兄弟组件通信
  关于兄弟组件 这里发现了一篇很不错的博客  可以看一下  这里就不细说了~
  https://www.cnblogs.com/yier0705/p/9679505.html

鲜花

握手

雷人

路过

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

请发表评论

全部评论

专题导读
上一篇:
小程序判断一个对象是否为空发布时间:2022-07-18
下一篇:
微信小程序Component组件调用回调函数this指向不是本页面发布时间: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