vuejs remove item from array

Question

I have a form value which gets id's each time i save data, but if i delete any of those data the id of it won't be deleted from form value.

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);
    })
  },
}

When i save new item my form.variations becomes variations["1","50", "30"] but when i delete any of those items the id won't be removed from form.variations

Any idea how to remove id from form variable when i delete the data?

Array.prototype.splice needs to know how many elements to delete. "this.form.variations.splice(id, 1)" might work. (See 'developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…). — Cat
– Cat, Commented Jan 21, 2020 at 7:09

Qonvex620 · Accepted Answer · 2020-01-21 07:15:17Z

2

You have to find the index of id in your array and remove it, see code below

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

answered Jan 21, 2020 at 7:15

Qonvex620

3,9801 gold badge12 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

vuejs remove item from array

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related