父组件调用子组件的方法

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

HarmonyOS
2024-05-26 11:01:41
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
每天睡满八小时

使用的核心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
相关问题
组件调用组件方法
127浏览 • 1回复 待解决
HarmonyOS 想调用组件方法
290浏览 • 1回复 待解决
设置组件宽度不超出组件
432浏览 • 1回复 待解决
组件事件可以传到组件
463浏览 • 1回复 待解决
组件组件传递函数
171浏览 • 1回复 待解决
组件组件使用@Link双向同步
780浏览 • 1回复 待解决
弹窗组件调用组件函数传递
857浏览 • 1回复 待解决
组件溢出容器问题
1126浏览 • 1回复 待解决