I have a list of objects, which I display through a v-for directive. Every time I am trying to add another object to the list I get the following error :
Failed to execute 'insertBefore' on 'Node'.
Vue component :
<ion-col v-for="specificOffer in specificOffers" :key="specificOffer.specificOfferId">
where:
computed: {
...mapGetters("specificOffer", {specificOffers: "getSpecificOffers"})
}
JS for updating specificOffers list :
updateSpecificOffers(state, payload){
state.specificOffers.push(payload);
},
After pushing the new object to the list I get that error. I don't have duplicates in the list and I also don't use any v-if directive screen from console.
If needed, here is the flow: getting specificOffers, adding the object to the db and then to the state.
I have no idea how to fix this bug. I would appreciate any help.
Regards, Cezar