微信小程序自定义组件- behavior

本文介绍了微信小程序中自定义组件的通信方法,包括如何获取自定义组件实例和抛出事件。此外,深入探讨了behavior作为公共组件的代码共享特性,以及组件如何引用和合并behavior的功能。还提到了内置behavior的使用,例如`wx://form-field`,让自定义组件具备表单控件的行为。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

组件通信

在使用自定义组件中获取自定义组件实例

  1. 自定义组件中根组件的属性中加一个id属性
  2. 自定义组件中通过 this.xxx = this.selectComponent('#id值')获取自定义组件的实例
  3. this.xxx.方法名()调用

自定义组件中抛出事件

this.triggerEvent('事件名',数据,冒泡或者捕获的处理方式);

// 只触发调用本身
this.triggerEvent('事件名',数据);
// 触发引用上下层关系
this.triggerEvent('事件名',{},{bubbles:true});
// 依次触发
this.triggerEvent('事件名',{},{bubbles:true,composed:true})

使用方注册事件

bind:事件名="方法名"
bind事件名="方法名"

自定义组件的属性名需要将小驼峰命名改为xxx-xx的形式

behavior 公共组件

官方地址:https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/behaviors.html

官方原话
behaviors 是用于组件间代码共享的特性,类似于一些编程语言中的 “mixins” 或 “traits”。
每个behavior可以包含一组属性、数据、生命周期函数和方法。组件引用它时,它的属性、数据和方法会被合并到组件中,生命周期函数也会在对应时机被调用。
每个组件可以引用多个 behavior ,behavior 也可以引用其它 behavior

内置behavior

自定义组件可以通过引用内置的 behavior 来获得内置组件的一些行为。

Component({
  behaviors: ['wx://form-field']
})

在上例中, wx://form-field 代表一个内置 behavior ,它使得这个自定义组件有类似于表单控件的行为。

内置 behavior 往往会为组件添加一些属性。在没有特殊说明时,组件可以覆盖这些属性来改变它的 type 或添加 observer 。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值