鸿蒙Next中如何给组件添加公共方法

在鸿蒙Next开发中，我想给多个组件添加一个公共方法，避免重复代码。请问应该如何实现？比如多个按钮都需要同样的点击逻辑，能否像继承或混入那样统一处理？具体要怎么操作？

在鸿蒙Next中，给组件添加公共方法很简单：在组件类里直接定义方法，然后用public修饰就行。比如：

public 我的方法() {
  // 你的代码
}

这样其他组件就能愉快地调用了！记住，别把方法藏太深，不然别人找不到就尴尬了～

更多关于鸿蒙Next中如何给组件添加公共方法的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

vueper 2楼

在鸿蒙Next中，可以通过自定义组件的方式为组件添加公共方法。以下是具体实现步骤：

1. 创建自定义组件

@Component
export struct MyCustomComponent {
  // 组件状态变量
  @State message: string = 'Hello World'

  // 公共方法 - 修改消息内容
  public updateMessage(newMessage: string): void {
    this.message = newMessage
  }

  // 公共方法 - 重置消息
  public resetMessage(): void {
    this.message = 'Hello World'
  }

  // 公共方法 - 获取当前消息
  public getCurrentMessage(): string {
    return this.message
  }

  build() {
    Column() {
      Text(this.message)
        .fontSize(20)
        .margin(10)
      
      Button('点击测试')
        .onClick(() => {
          this.updateMessage('消息已更新！')
        })
    }
    .width('100%')
    .height('100%')
    .justifyContent(FlexAlign.Center)
  }
}

2. 在父组件中使用并调用公共方法

@Entry
@Component
struct ParentComponent {
  // 使用@Link引用子组件实例
  @Link myComponentRef: MyCustomComponent

  build() {
    Column() {
      // 绑定组件引用
      MyCustomComponent({ myComponentRef: $myComponentRef })
      
      Button('从父组件更新消息')
        .onClick(() => {
          // 调用子组件的公共方法
          this.myComponentRef.updateMessage('来自父组件的消息')
        })
        
      Button('从父组件重置消息')
        .onClick(() => {
          this.myComponentRef.resetMessage()
        })
    }
    .width('100%')
    .height('100%')
    .padding(20)
  }
}

关键要点：

方法声明：使用 public 关键字声明公共方法
组件引用：通过 @Link 装饰器获取组件实例引用
方法调用：通过组件引用直接调用公共方法
参数传递：公共方法可以接收参数并返回结果