访问父组件中的子数据

Question

如何访问父组件中的子数据？

这是父组件：

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

<Search />

这是子组件：

<script>
  export let term
</script>

<input bind:value={term} />

谢谢！

Answer 1

在父项中你可以做

<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.***