spz-event 事件监听#

#何时使用

• 需要监听全局的事件，事件被触发后，调用目标元素的方法。
• 需要监听 window 的 message 事件，该事件被触发后，组件抛出 message 事件。

#代码演示

#基本用法

当监听的事件触发后，调用目标元素指定的方法。

<spz-event
  event-name="dj.addToCart"
  target-id="cart"
  target-api="render"
  layout="logic"
></spz-event>

#监听 window

监听 window 元素，当它的 meesage 事件被触发时，组件自动触发 message 事件。

<spz-event
  event-name="message"
  observer-id="window"
  @message="..."
  layout="logic"
></spz-event>

#属性

#方法

unListen

取消对指定事件的监听。

#事件

message

当元素满足 event-name="message" 和 observer-id="window" 条件且window的 message 事件被触发时，该组件会自动触发该事件。

• event 对象的数据为原生监听的 event.data。

#AI 摘要（LLM Ready）

• 组件标识：spz-event
• 用途一句话：监听事件，事件触发后，调用目标元素的方法。
• 可识别属性条目：7
• 可识别方法小节：1
• 可识别事件小节：1
• 关键属性名（Top）：event-name、target-id、target-api、observer-id、delay、keep-status
• 关键方法名（Top）：unListen
• 关键事件名（Top）：message
• 阅读顺序建议：先看「何时使用」与「代码演示」，再核对属性/方法/事件。
• 关联文档：/guide/actions-and-events/ 、/guide/layouts/