svelte - 访问父组件中的子数据

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/>

这样父级中的术语将与搜索组件中的术语同步。

另一种方法是获取对整个组件的引用

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

<Search bind:this={searchComponent}/>

然后您可以使用searchComponent.***访问导出的 Prop 和函数