Svelte Text inputs
2023-02-21 14:40 更新
一般来说,Svelte 中的数据流是自上而下的——父组件可以在子组件上设置属性,组件可以在元素上设置属性,但反之则不行。
有时打破这个规则是有用的。以该组件中的 <input>
元素为例——我们可以添加一个 on:input
事件处理程序,将 name
的值设置为 event.target.value
,但这有点……死板。正如我们将看到的,对于其他表单元素,情况会变得更糟。
相反,我们可以使用 bind:value
指令:
<input bind:value={name}>
这意味着,不仅name
的值的变化会更新输入值,而且输入值的变化也会更新name
。
以上内容是否对您有帮助:
更多建议: