HarmonyOS 鸿蒙Next中v2父组件调用子组件的方法并返回子组件中的某个值

在HarmonyOS Next中，使用@Link装饰的ChildController确实主要用于调用子组件暴露的方法。如果你需要实时获取子组件内部某个状态的值，推荐的做法是让子组件通过自定义事件或状态共享的方式，将值主动传递给父组件。

这里提供一个简洁的Demo，演示如何实现：

1. 子组件 (ChildComponent) 子组件定义一个@State变量，并通过@Link与父组件共享该状态。同时，通过控制器暴露一个方法。

// ChildComponent.ets
@Component
export struct ChildComponent {
  // 子组件内部状态，通过@Link与父组件双向同步
  @Link [@Watch](/user/Watch)('onValueChange') value: number;
  // 子组件方法，修改内部状态
  setValue(newValue: number): void {
    this.value = newValue;
  }
  // 监听value变化，可在此处执行其他逻辑
  onValueChange(): void {
    console.log(`子组件值变为: ${this.value}`);
  }
  build() {
    // UI布局...
  }
}
// 子组件控制器
export class ChildController {
  setValue: (newValue: number) => void;
}

2. 父组件 (ParentComponent) 父组件通过@State声明状态，使用$符号创建子组件控制器的引用，并与子组件共享状态。

// ParentComponent.ets
import { ChildComponent, ChildController } from './ChildComponent';

@Component
export struct ParentComponent {
  @State parentValue: number = 0;
  private childController: ChildController = new ChildController();

  build() {
    Column() {
      // 1. 将parentValue通过@Link传递给子组件，实现双向绑定
      // 2. 将childController传递给子组件，用于调用其方法
      ChildComponent({
        value: $parentValue,
        controller: this.childController
      })

      Button('父组件: 调用子组件方法')
        .onClick(() => {
          // 通过控制器调用子组件方法
          this.childController.setValue(100);
        })

      Text(`父组件当前值: ${this.parentValue}`)
        .fontSize(20)
        .margin(10)
    }
  }
}

关键点：

• 双向同步：使用@Link装饰器绑定父组件的@State变量（$parentValue）和子组件的@Link变量（value）。当子组件内部通过setValue修改value时，父组件的parentValue会自动同步更新。
• 控制器作用：ChildController仅用于提供子组件方法的调用入口（如setValue）。实际的状态值通过@Link绑定实时同步，父组件可直接访问parentValue获取最新值。
• @Watch监听：在子组件中使用[@Watch](/user/Watch)装饰器监听value变化，可用于响应状态变更（如日志输出）。

这种方式避免了仅通过控制器获取值的局限性，实现了父组件对子组件状态的实时响应。