Javascript 如何切换在同一位置添加或删除数组中的多个项？

我正在使用vuetify数据表。在该表中，我添加了必须显示的表头和数据。我已经编写了一些与在数组中删除或添加项相关的代码。但这不是正确的代码。如果我删除多个标题，它们将被删除。但如果我再加上它们，它们的顺序就会改变。谁能帮帮我吗

请通过下面的链接查看代码笔中的代码

A full code can be found in

---

应用过滤器时，您可以通过仅更改标题数据来完成此操作，您的表可以如下所示。您可以动态添加标题和数据绑定

<v-data-table
      :headers="headers"
      :items="desserts"
      class="elevation-10"
    >
      <template v-slot:items="props">
        <td v-for="(head, index) in headers" :key="index">
          {{ props.item[head['value']] }}
        </td>
      </template>
    </v-data-table>

{{props.item[head['value']]}

---

这里的问题是您没有动态显示表数据。在填充表行之前，还应该检查display属性。太好了，这对您很有帮助：）