zoukankan      html  css  js  c++  java
  • 微信小程序的组件通信

    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
  • 相关阅读:
    C语言的指针移位问题
    makefile、gdb使用记录
    MUSIC算法学习笔记
    时间格式转换
    linux网络编程笔记——UDP
    linux网络编程笔记——TCP
    bash里,echo对换行符的处理
    树莓派使用8188eu无线网卡
    时间都去哪了?——安卓GTD工具
    让sublime text 2更好地支持Python
  • 原文地址:https://www.cnblogs.com/mxnl/p/13456006.html
Copyright © 2011-2022 走看看