vuejs 从数组中删除项目

Question

我有一个表单值，每次我保存数据时都会获取 id，但如果我删除任何这些数据，它的 id 不会从表单值中删除。

data() {
  return {
    savedVariations: [],
    form: {
      variations: [],
    }
  }
},
methods: {
  addVariants(e) {
    e.preventDefault();
    axios.post('/api/admin/variations/store', {
      childs: this.variationChilds,
      parent: this.variationParents,
    })
    .then(res => {
      this.form.variations.push(res.data.data.id); // send id to form.variations
    })
  },
  removeSavedParent(id, index){
    axios.delete('/api/admin/variations/destroy/'+id).then((res) => {
      this.form.variations.splice(id); // delete the id from form.variations (not working)
      this.savedVariations.splice(index, 1);
    })
  },
}

当我保存新项目时，我的 form.variations 变为 variations["1","50", "30"] 但是当我删除任何这些项目时 id 不会从 form.variations 中删除

知道当我删除数据时如何从表单变量中删除 id 吗？

Answer 1

您必须在数组中找到 id 的索引并将其删除，请参见下面的代码

this.form.variations.splice(this.form.variations.indexOf(id), 1);