Блог

Как я могу получить доступ к дочерним данным в родительском компоненте?

Это родительский компонент:

 <script>
  import Search from './components/Search.svelte'
</script>

<Search />
 

Это дочерний компонент:

 <script>
  export let term
</script>

<input bind:value={term} />
 

Спасибо!

В родительском вы можете сделать

 <script>
 import Search from './components/Search.svelte'
 let term
</script>

<Search bind:term/>
 

Таким образом term , информация в родительском компоненте будет синхронизирована с информацией в поисковом компоненте.

Другой подход заключается в том, чтобы получить ссылку на весь компонент

 <script>
 import Search from './components/Search.svelte'
 let searchComponent
</script>

<Search bind:this={searchComponent}/>
 

а затем вы можете получить доступ к экспортированным реквизитам и функциям с помощью searchComponent.***