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

    子组件传递父组件需要用到triggerEvent方法,当子组件(自定义组件)点击button的时候调用triggerEvent方法传递一些数据,首先第一个属性为自定义名称(myevent)对应父组件(bind:myevent)名字是个标识必须相同,第二个参数就是要传递的数据,第三个参数是一些配置具体参考(https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/events.html)。父组件bind:myevent="onMyEvent"事件绑定,通过e.detail.count来获取数据。

    //父组件,引用component-tag-name
    <component-tag-name bind:myevent="onMyEvent" />
    
    //index.js
    Component({
        onMyEvent(e) {
            e.detail.count // 自定义组件触发事件时提供的detail对象,结果为1
        }
    })
    //子组件
    <button bindtap="onTap">点击这个按钮将触发“myevent”事件</button>
    
    //index.js
    Component({
      properties: {},
      methods: {
        onTap() {
          const myEventDetail = {count:1} // detail对象,提供给事件监听函数
          const myEventOption = {} // 触发事件的选项
          this.triggerEvent('myevent', myEventDetail, myEventOption)
        }
      }
    })
  • 相关阅读:
    Javascript基础
    Dao习题
    构建良好的Windows程序
    初始Windows程序
    ADO.NET访问数据库
    连接查询和分组查询
    [leetcode]126. Word Ladder II单词接龙II
    [leetcode]155. Min Stack最小栈
    [leetcode]796. Rotate String旋转字串
    [leetcode]460. LFU Cache最低频率缓存
  • 原文地址:https://www.cnblogs.com/lanshu123/p/10680157.html
Copyright © 2011-2022 走看看