mirror of https://github.com/sveltejs/svelte
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
25 lines
512 B
25 lines
512 B
6 years ago
|
<script>
|
||
|
export let items = ['foo', 'bar', 'baz'];
|
||
|
export let fromDom = '';
|
||
|
export let fromState = '';
|
||
|
export let x = 0;
|
||
|
export let y = 0;
|
||
|
|
||
|
function tap(node, callback) {
|
||
|
node.addEventListener('click', callback, false);
|
||
|
|
||
|
return {
|
||
|
destroy() {
|
||
|
node.addEventListener('click', callback, false);
|
||
|
}
|
||
|
};
|
||
|
}
|
||
|
</script>
|
||
|
|
||
|
{#each items as item}
|
||
|
<button use:tap='{e => (fromDom = e.target.textContent, fromState = item)}'>{item}</button>
|
||
|
{/each}
|
||
|
|
||
|
<p>fromDom: {fromDom}</p>
|
||
|
<p>fromState: {fromState}</p>
|