父组件调用子组件的方法

给子组件封装一些能力,比如数据处理,刷新,动画,发通知等。父组件只需要调用即可。

HarmonyOS
2024-05-26 11:01:41
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Nicrosoft

使用的核心API

class ChildController { 
  changeText = (value: string) => { 
    console.log('11111') 
  } 
} 
export let ChildRef = new ChildController()

核心代码解释

@Component 
struct Child { 
  @State private text: string = '初始值' 
  private controller: ChildController = new ChildController(); 
 
  aboutToAppear() { 
    if (this.controller) { 
      this.controller.changeText = this.changeText 
    } 
    console.log('aaa') 
  } 
 
  private changeText = (value: string) => { 
    this.text = value 
    console.log('bbb') 
  } 
 
  build() { 
    Column() { 
      Text(this.text) 
    } 
  } 
} 
 
class ChildController { 
  changeText = (value: string) => { 
    console.log('11111') 
  } 
} 
 
export let ChildRef = new ChildController() 
 
@Entry 
@Component 
struct Parent { 
  // ChildRef = new ChildController() 
  @State noShow: boolean = false 
  build() { 
    Column() { 
      Text('获取Child的exposeMethods!').fontSize('18vp').fontColor(Color.Gray) 
      Divider() 
      Child({ controller: ChildRef }) 
      Child() 
      Button('Parent调用childer的changeText').onClick(() => { 
        ChildRef.changeText('Parent调用childer的changeText') 
      }) 
    } 
  } 
}

适配的版本信息

SDK:4.0.10.10

IDE:DevEco Studio 4.0.3.600

分享
微博
QQ
微信
回复
2024-05-27 10:44:03
相关问题
组件溢出容器问题
452浏览 • 1回复 待解决
组件组件使用@Link双向同步
312浏览 • 1回复 待解决
组件事件能否到传递组件
865浏览 • 1回复 待解决
如何设置组件组件宽度变化
551浏览 • 1回复 待解决
弹窗组件调用组件函数传递
378浏览 • 1回复 待解决
组件中如何处理组件内点击事件
1068浏览 • 1回复 待解决
组件如何与孙子组件进行状态同步
796浏览 • 1回复 待解决
循环显示包含图片组件
437浏览 • 1回复 待解决