Component Events — Svelte

Component events memungkinkan child mengirim event ke parent menggunakan createEventDispatcher. Mengirim Event import { createEventDispatcher } from "svelte" co

Component events memungkinkan child mengirim event ke parent menggunakan createEventDispatcher.

Mengirim Event

<!-- Button.svelte -->
<script>
  import { createEventDispatcher } from "svelte"
  const dispatch = createEventDispatcher()
</script>

<button on:click={() => dispatch("klik", { pesan: "Halo!" })}>
  Klik saya
</button>

Mendengarkan Event

<script>
  function handleKlik(event) {
    console.log(event.detail.pesan) // "Halo!"
  }
</script>

<Button on:klik={handleKlik} />

Event Forwarding

Jika ingin meneruskan event tanpa handler:

<!-- Wrapper.svelte -->
<Button on:klik />

Event klik akan diteruskan ke parent Wrapper.

Yang akan kamu pelajari