Javascript 解构苗条3中的“开启：改变”事件

我有多个输入元素，像这样解构一个对象

<script>
    const settings = { value: '', class: 'input'};
</script>
<input {...settings} />
<input {...settings} />
<input {...settings} />

---

关于如何实现这一点，有什么想法吗：在不必单独绑定每个输入的情况下，在所有输入之间共享更改

您可以这样做：

但是使用onchange而不是on:change确实有一些缺点，比如不能在：change | preventDefault、on:change | once等上使用修饰符

您还可以将您的输入包装到如下组件中：

---

或者做一些对我来说更接近真实世界的事情：

谢谢。当Svelte与on:You？on:绑定时，您不会碰巧知道它内部发生了什么，它调用Svelte内部函数listen，该函数使用addEventListener订阅事件。使用on：还将确保在删除/销毁组件时删除事件侦听器。

<script>
    const settings = { value: '', class: 'input', "on:change": () => {}};
</script>
<input {...settings} />
<input {...settings} />
<input {...settings} />