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

HarmonyOS
1天前
浏览
收藏 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
微信
回复
1天前
相关问题
js 自定义组件如何传递方法?
5874浏览 • 2回复 待解决
自定义弹窗中的变量如何传递给页面
2673浏览 • 1回复 待解决