[Vuejs]-Vue auto update the total value if the id's are same in cart

by

0👍

It seems the problem could be here:

    <v-col cols="12" md="4" v-for="item in items" :key="item.id">

you are using the item ID as key, but if there are two elements with same id, the key won’t be unique anymore.
You should use another strategy for the key, ad example by adding the index to the key to make it unique.

<v-col cols="12" md="4" v-for="(item, index) in items" :key="index+'-'+item.id">

Be advised that using the index is not considered good practice, because when your array changes, indexes will change too forcing the elements to re-render.

Leave a comment