微信小程序 父子组件通讯/传值

3种方式:

  • 属性绑定:父组件 向 ——> 子组件的指定属性设置数据。仅能设置json兼容的数据,如:基本数据类型、object等 (不能传递复杂属性的数据,如:方法等)。
  • 事件绑定:子组件 向 ——> 父组件传递数据。(调用triggerEvent方法) 可传递任意数据
  • 获取组件实例:通过   方法,获取子组件实例对象,这样就可以直接访问子组件的任意数据和方法。【在父组件中,为子组件添加类名--id / class名,通过selectComponent('子组件id/class名')获取子组件实例及其内部的方法、属性等】
// 父组件

// 子组件

父组件:

  1. 定义传入子组件的数据(也可以不定义直接传)
  2. 定义子组件将要调用的函数
  3. 子组件调用后,通过e.detail获取子组件传递过来的数据
// .wxml 将事件传递给子组件 bind:xxx(子组件调用时的名称,随便起)='父组件中函数名'
// 方法一:bind:+ 方法名(子组件triggerEvent方法中调用的函数名称)。(推荐写法 -- 结构清晰)
<test max='10'  age='{
  {age}}' obj='{
  {propsObj}}' bind:compToPage='syncAge' />

// 方法二:bind+ 方法名(不加:号)
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值