Vue.js 正在删除索引0处的组件删除所有项

我在一个循环中有一个组件，每个组件有一个移除按钮

如果我删除索引1及以上的组件，则可以删除，但当我删除索引0处的项目时，所有组件都会消失，但数据仍在Vue控制台中可用

//form.vue 导入默认值{ //截断的 资料{ 项目：[‘样本1’、‘样本2’、‘样本3’] }, 方法：{ removeindex{ 此.items.index，1 } } } //viewer.vue {{item}} 去除 导入默认值{ //隧道 道具：{ 项目 指数 }, 方法：{ 除去{ 此.$emit已删除，此.index } } }

---

您有几个错误：

v-for应该这样写： 数据应该这样写：

---

我简化了这里发布的代码，它包含了我认为需要/有bug的所有重要部分。但我在实际代码中没有看到这些错误。除了remove partI测试了您的代码，并且在修复了上述问题之后，它工作得非常好。如果您有任何其他错误，请随意修改您的代码

<div
      v-for="(item, index) in items"
      :key="index"
>

props: ["item", "index"],

data() {
    return {
         items: ["sample 1", "sample 2", "sample 3"]
    };
},