Javascript 控制台日志中的数组元素正确，但呈现不正确

我试图将组件分为选定的和未选定的数组，以确定它们是前者。但是当选择数组的第一项时，它会被复制而不是添加到另一个数组中——至少在屏幕上是这样。但是在控制台日志中，数组与它们应该的一样

我在调试时发现了这个错误，但我不知道如何解决这个问题

异常：错误：：除非在Cards处使用“accessors:true”或“”进行编译，否则无法直接从组件实例读取Props。在Cards处获取数据[作为数据]。在flush处调用getter（：1:142）

组件卡：

<label for="{frontprops.name}">Compare</label>
<input type="checkbox" id='{frontprops.name}' name="" on:change={change} >

这是console.log：

---

问题是每个循环中的关键：

{#each initialCards.filter(c => c.compare === false) as card}
   <Card {card} on:mark={changeList(card)}/>
{/each}

{#每个初始值cards.filter（c=>c.compare==false）作为card}
{/每个}

应该是：

{#each initialCards.filter(c => c.compare === false) as card,i (card.compare)}
  <Card {card} on:mark={changeList(card.compare)}/>
{/each}

{#每个initialCards.filter（c=>c.compare==false）作为card，i（card.compare）}
{/每个}

---

然后相应地修改函数。

问题在于每个循环中的关键：

{#each initialCards.filter(c => c.compare === false) as card}
   <Card {card} on:mark={changeList(card)}/>
{/each}

{#每个初始值cards.filter（c=>c.compare==false）作为card}
{/每个}

应该是：

{#each initialCards.filter(c => c.compare === false) as card,i (card.compare)}
  <Card {card} on:mark={changeList(card.compare)}/>
{/each}

{#每个initialCards.filter（c=>c.compare==false）作为card，i（card.compare）}
{/每个}

---

然后相应地修改函数。

Doed“复制第一项…而不是添加”表示您希望将其从源数组中删除（这是否适用于所有项，而不仅仅是第一项）？您能给我们展示一下控制台输出，其中数组是“它们应该是”的吗？是的，它应该从源中删除并添加到一个新数组中，并且只在第一个元素中发生。Doed“第一项…被复制，而不是添加”表示您希望它从源数组中删除该项（这是否适用于所有项目，而不仅仅是第一个项目）？您能否向我们展示控制台输出，其中数组是“它们应该是”的？是的，它应该从源中删除并添加到新的数组中，并且只在第一个元素中发生。

{#each initialCards.filter(c => c.compare === false) as card,i (card.compare)}
  <Card {card} on:mark={changeList(card.compare)}/>
{/each}