Question

Svelte是否支持复选框的绑定？

我知道文档说明了以下内容，因此有可能尚未实现。

双向绑定尚未完全实现。请稍后再回来查看可用绑定的完整列表！

我认为实现看起来像这样。

<input type="checkbox" bind:checked="checked">

然而，当我现在尝试这个时，它似乎不起作用。

更新

经过进一步调查，似乎绑定在某种程度上起作用，绑定值在组件数据中发生变化。但是，由于某种原因，DOM中没有反映出变化。可以通过简单地将数据设置为自身（component.set({checked: component.get('checked')})）来反映它们，从而强制进行DOM更新，但它们不会自动反映，因为它们应该具有绑定。

更新2

我有created a REPL来证明这个问题。

Answer 1

在您的示例中，您需要绑定组件以及<input>元素：

<Component bind:checked="checked"></Component>

您可以看到它正常工作here。

Answer 2

这可以通过

完成

<script>
     let checked = false;
</script>


<input type=checkbox bind:checked={checked}>

现在变量checked已绑定到复选框的值。

您可以在this neat little example

中尝试

Svelte是否支持复选框绑定？

2 个答案: