HarmonyOS SegmentButton组件有类似tab的onChange事件吗

HarmonyOS
2天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Heiang

SegmentButton没有单独的onChange事件,但是可以通过watch监听selectedIndexes的变化达成类似的效果。

selectedIndexes参考API示例:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ohos-arkui-advanced-segmentbutton-V5#segmentbuttonoptions

简易示例:

// 1. 单选模式
@State singleSelectCapsuleOptions: SegmentButtonOptions = SegmentButtonOptions.capsule({ buttons: [{ text: '单选按钮1' }, { text: '单选按钮2' }, { text: '单选按钮3' }] as SegmentButtonItemTuple, multiply: false, backgroundBlurStyle: BlurStyle.BACKGROUND_THICK })
// 2、监听索引变化
@State @Watch('onSegmentButtonChange') singleSelectCapsuleSelectedIndexes: number[] = [0]
// @Watch 回调 onSegmentButtonChange() { console.log(`选中按钮索引 -- ${this.singleSelectCapsuleSelectedIndexes}`);}
// 3、组件声明
SegmentButton({ options: this.singleSelectCapsuleOptions, selectedIndexes: $singleSelectCapsuleSelectedIndexes })
分享
微博
QQ
微信
回复
2天前
相关问题
HarmonyOS 是否类似事件总线组件
331浏览 • 1回复 待解决
HarmonyOS 关于SegmentButton组件建议
317浏览 • 1回复 待解决
HarmonyOS 类似骨架屏实现demo
49浏览 • 1回复 待解决
HarmonyOS SegmentButton控件修改高度
27浏览 • 1回复 待解决
HarmonyOS 是否类似画板功能组件
326浏览 • 1回复 待解决