#鸿蒙通关秘籍#在鸿蒙卡片中如何处理用户交互事件?

HarmonyOS
2024-12-16 14:00:31
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
紫霞仙子CSS

鸿蒙卡片支持两种交互事件:router事件和message事件。如下是如何在卡片中定义与处理这些事件:

  1. 在HML中绑定事件:

html <text class="title" onclick="routerEvent">`title`</text> <text class="detail_text" onclick="messageEvent">`detail`</text>

  1. 在JSON中定义事件操作:

{ "actions": { "routerEvent": { "action": "router", "abilityName": "SomeAbility", "params": { "key": "value" } }, "messageEvent": { "action": "message", "params": { "detail": "update" } } } }

  1. 在应用中处理router事件:

typescript onCreate(want) { const params = JSON.parse(JSON.stringify(want.parameters.params)); console.log(params.key); // 从router事件中获取参数 }

  1. 处理message事件:

typescript onFormEvent(formId, message) { const msg = JSON.parse(message); console.log(msg.detail); // 从message事件中获取参数 }

通过绑定和实现事件处理,可以轻松完成用户交互的逻辑。


分享
微博
QQ
微信
回复
2024-12-16 15:27:57
相关问题