mirror of https://github.com/sveltejs/svelte
Fix dynamic `bind:this` on components (#2333)
parent
0b836872cf
commit
01676aac46
@ -0,0 +1 @@
|
||||
<div>foo</div>
|
@ -0,0 +1,8 @@
|
||||
export default {
|
||||
skip_if_ssr: true,
|
||||
|
||||
html: `
|
||||
<div>foo</div>
|
||||
<div>has foo: true</div>
|
||||
`
|
||||
};
|
@ -0,0 +1,9 @@
|
||||
<script>
|
||||
import Foo from './Foo.svelte';
|
||||
export let foo = {};
|
||||
</script>
|
||||
|
||||
<Foo bind:this={foo['computed']}/>
|
||||
<div>
|
||||
has foo: {!!foo.computed}
|
||||
</div>
|
@ -0,0 +1 @@
|
||||
<div>foo</div>
|
@ -0,0 +1,12 @@
|
||||
export default {
|
||||
skip_if_ssr: true,
|
||||
|
||||
html: `
|
||||
<div>foo</div>
|
||||
<div>first has foo: true</div>
|
||||
<div>foo</div>
|
||||
<div>second has foo: true</div>
|
||||
<div>foo</div>
|
||||
<div>third has foo: true</div>
|
||||
`
|
||||
};
|
@ -0,0 +1,11 @@
|
||||
<script>
|
||||
import Foo from './Foo.svelte';
|
||||
export let foo = {};
|
||||
</script>
|
||||
|
||||
{#each ["first", "second", "third"] as value}
|
||||
<Foo bind:this={foo[value]}/>
|
||||
<div>
|
||||
{value} has foo: {!!foo[value]}
|
||||
</div>
|
||||
{/each}
|
@ -0,0 +1 @@
|
||||
<div>foo</div>
|
@ -0,0 +1,12 @@
|
||||
export default {
|
||||
skip_if_ssr: true,
|
||||
|
||||
html: `
|
||||
<div>foo</div>
|
||||
<div>0 has foo: true</div>
|
||||
<div>foo</div>
|
||||
<div>1 has foo: true</div>
|
||||
<div>foo</div>
|
||||
<div>2 has foo: true</div>
|
||||
`
|
||||
};
|
@ -0,0 +1,11 @@
|
||||
<script>
|
||||
import Foo from './Foo.svelte';
|
||||
export let foo = [];
|
||||
</script>
|
||||
|
||||
{#each Array(3) as _, i}
|
||||
<Foo bind:this={foo[i]}/>
|
||||
<div>
|
||||
{i} has foo: {!!foo[i]}
|
||||
</div>
|
||||
{/each}
|
Loading…
Reference in new issue