#鸿蒙通关秘籍#如何通过鸿蒙自定义组件实现属性传递和事件传递?

HarmonyOS
2024-12-17 12:19:58
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
系统小高手

在鸿蒙OS开发自定义组件时,父组件和子组件间的属性传递和事件传递可通过以下方式实现:

  1. 在子组件代码中定义接收的props和触发事件的方法:

bash export default { props: { title: { default: 'title', }, showObject: {}, }, data() { return { showObj: this.showObject, }; }, childClicked () { this.$emit('eventType1', {text: '收到子组件参数'}); this.showObj = !this.showObj; }, }

  1. 在父组件中传递属性和绑定事件:

bash <comp title="自定义组件" show-object="`isShow`" @event-type1="textClicked"></comp>

  1. 在父组件的逻辑中处理子组件事件:

bash export default { data: { text: '开始', isShow: false, }, textClicked (e) { this.text = e.detail.text; }, }

这样就实现父组件向子组件传递数据,以及子组件向父组件传递事件结果。

分享
微博
QQ
微信
回复
2024-12-17 12:53:44
相关问题
js 自定义组件如何传递方法?
6203浏览 • 2回复 待解决
HarmonyOS 通过属性传递组件
299浏览 • 1回复 待解决