Sveltejs 有条件地呈现 html 属性

Question

如何使用 svelte 有条件地呈现 html 元素上的属性？需要明确的是，我不是在谈论条件值，而是在谈论属性存在本身。

例如，我只想自动聚焦此输入列表中的第一项：

{{#each codeInputs as codeInput, index}}
  <input bind:value="inputCodes[index]" type="text" autofocus> 
{{/each}}

该属性autofocus应该只存在于第一项。我可以使用 index 来检测第一项，但autofocus="{{index===0}}"渲染autofocus="true"or "false"，所以这不是我需要的。

另见https://github.com/sveltejs/svelte/issues/259

Answer 1

试试吧——它确实有效。Svelte在看到类似 的内容时不会设置属性autofocus='{{xyz}}，而是设置属性——属性必须是字符串（这没有帮助），而属性可以是布尔值。