svelte - Svelte 是否支持复选框绑定(bind)？

Question

Svelte 是否支持复选框绑定(bind)？

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

Two-way binding is not yet fully implemented. Check back soon for the full list of available bindings!

我想实现看起来像这样。

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

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

更新

经过进一步调查，绑定(bind)似乎以某种方式工作，绑定(bind)值在组件数据中发生变化。但是，由于某种原因，更改并未反射(reflect)在 DOM 中。它们可以通过简单地将数据设置为自身 ( component.set({checked: component.get('checked')})) 来反射(reflect)，强制更新 DOM，但它们不会像绑定(bind)那样自动反射(reflect)。

更新 2

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

Answer 1

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

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

你可以看到它工作 here .