HarmonyOS ArkTS stage开发模式如何实现类似于VUE 自定义hooks的功能?

HarmonyOS ArkTS stage开发模式如何实现类似于VUE 自定义hooks的功能。

HarmonyOS
2024-11-25 12:06:40
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zbw_apple

可以使用自定义组件@BuiderParam占位, 自定义组件内默认传入空的@Buider方式来实现插槽功能。在调用组件的时候,按需传入一个@Buider作为插入内容。具体实现方式如下:

@Component 
export struct Son { 
  @Prop title: string = 'title' 
 
  @Builder 
  defaultSlot() { 
  } 
  @BuilderParam imageSlot: () => void = this.defaultSlot 
  build() { 
    Column() { 
      Text(this.title) 
      this.imageSlot() 
    } 
  } 
} 
@Entry 
@Component 
struct Parent { 
  private title = '我是title' 
  @Builder 
  img() { 
    Image($r('app.media.icon')) 
      .width('24') 
      .height('24') 
  } 
  build() { 
    Column() { 
      Son({ title: this.title, imageSlot: this.img }) 
    } 
  } 
}
分享
微博
QQ
微信
回复
2024-11-25 16:19:10
相关问题
鸿蒙-如何实现类似于HOME键功能
10784浏览 • 2回复 待解决
arkts 护眼模式功能实现
342浏览 • 0回复 待解决