我们也可以将事件处理程序直接展开到元素上。在这里,我们在 App.svelte
中定义了一个 onclick
处理程序 — 我们只需要将这些 props 传递给 BigRedButton.svelte
中的 <button>
即可:
BigRedButton
<button {...props}>
按下
</button>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script>
import BigRedButton from './BigRedButton.svelte';
import horn from './horn.mp3';
const audio = new Audio();
audio.src = horn;
function honk() {
audio.load();
audio.play();
}
</script>
<BigRedButton onclick={honk} />