mirror of https://github.com/sveltejs/svelte
22 lines
617 B
22 lines
617 B
---
|
|
title: Binding to component instances
|
|
---
|
|
|
|
Just as you can bind to DOM elements, you can bind to component instances themselves. For example, we can bind the instance of `<InputField>` to a variable named `field` in the same way we did when binding DOM Elements
|
|
|
|
```svelte
|
|
<script>
|
|
let field;
|
|
</script>
|
|
|
|
<InputField bind:this={field} />
|
|
```
|
|
|
|
Now we can programmatically interact with this component using `field`.
|
|
|
|
```svelte
|
|
<button on:click={() => field.focus()}> Focus field </button>
|
|
```
|
|
|
|
> Note that we can't do `{field.focus}` since field is undefined when the button is first rendered and throws an error.
|