Svelte 中 HTML 元素绑定的顺序

Question

这里是 Svelte 的新手，正在尝试反应性概念。第一个示例有效，文件输入字段正确显示所选文件。

<script>
  let files = []
</script>

<input type='file' bind:files />

第二个示例（仅交换了输入属性）没有。可以在 REPL.

中轻松测试

<script>
  let files = []
</script>

<input bind:files type='file' />

它向 "Value being assigned to HTMLInputElement.files does not implement interface FileList." 抱怨，我不明白为什么...在 Svelte 中绑定总是必须最后进行吗？

Answer 1

正如@RichHarris 上面所解释的那样……这是 Svelte 中的一个错误。现在只需将绑定添加到输入元素的末尾，直到它被修复。

有关详细信息，请参阅 Github issue。

更新：此问题已于 2019 年 11 月修复（参见 pull request #3849）。

Order of HTML element bindings in Svelte