Sveltejs 有条件地呈现 html 属性

Question

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

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

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

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

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

Answer 1

试试看— it does work . Svelte 在看到类似 autofocus='{{xyz}} 的内容时不会设置该属性。 ，它设置属性——属性必须是一个字符串(这是无用的)，而属性可以是一个 bool 值。