javascript / beginner
Snippet
Übergeben benutzerdefinierter Argumente an Svelte-Ereignishandler
In Svelte können Ereignishandler benutzerdefinierte Parameter empfangen, indem der Funktionsaufruf in eine anonyme Inline-Arrow-Funktion eingebettet wird, was eine sofortige Ausführung beim Rendern verhindert.
snippet.js
javascript
1
2
3
4
5
6
7
8
9
10
<script>let greeting = 'Click a button';function setGreeting(name) {greeting = `Hello, ${name}!`;}</script><button on:click={() => setGreeting('Alice')}>Greet Alice</button><p>{greeting}</p>
svelte
Erklärung
1
function setGreeting(name) {
Definiert eine Funktion, die einen dynamischen Parameter 'name' akzeptiert.
2
<button on:click={() => setGreeting('Alice')}>Greet Alice</button>
Verwendet eine Inline-Arrow-Funktion, um 'Alice' als Argument zu übergeben, sobald das Klick-Ereignis ausgelöst wird.