#鸿蒙通关秘籍#如何在父组件中引入自定义组件并响应子组件事件?

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

在鸿蒙OS中,使用自定义组件时,父组件需要引入自定义组件并定义响应子组件事件的逻辑:

  1. 引入自定义组件:

bash <element name='comp' src='../../common/component/comp.hml'></element> <div class="container"> <text>父组件:`text`</text> <comp title="自定义组件" show-object="`isShow`" @event-type1="textClicked"></comp> </div>

  1. 定义父组件的样式:

bash .container { background-color: #f8f8ff; flex: 1; flex-direction: column; align-content: center; }

  1. 在JS文件中编写父组件的逻辑以响应子组件的事件:

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

实现父组件通过事件绑定从子组件接收事件并更新状态,从而做到组件间的交互。

分享
微博
QQ
微信
回复
1天前
相关问题
组件事件能否到传递组件
2404浏览 • 1回复 待解决
自定义组件如何导出、引入?
2342浏览 • 1回复 待解决
组件如何处理组件内点击事件
2746浏览 • 1回复 待解决