你从来没有把父母的name
和孩子的name
只是将父母name
作为道具传递给孩子给孩子name
一个默认值,但是一旦孩子的版本被修改,它就会断开连接(另外,如果父母重新渲染,我99%肯定孩子会失去状态) . 你需要name
像这样绑定:
<h1><Form bind:name></Form></h1>
Svelete REPL 链接:https ://svelte.dev/repl/30859806c88c449daba8be279fbce537
<!-- App.svelete -->
<script>
import Form from "./Form.svelte";
let name = 'world';
$: console.log("name:", name)
</script>
name in App.svelte: {name}
<!-- **bind the name** -->
<h1><Form bind:name></Form></h1>
<!-- Form.svelete -->
<script>
export let name;
</script>
name in Form.svelte: {name}
<form on:submit|preventDefault>
<input id="name" bind:value={name} />
</form>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句