小编Ant*_*tov的帖子

我使用#each为tasks数组的每个成员显示输入。当我单击“添加任务”按钮时，新元素将插入到数组中，因此新的输入将出现在#each循环中。

单击“添加任务”按钮后，如何聚焦已添加的输入？

<script>
  let tasks = [];

  function addTask() {
    tasks = [...tasks, { title: "" }];
  }
</script>

{#each tasks as task}
  <input type="text" bind:value={task.title} />
{/each}

<button on:click={addTask}>Add task</button>