есть товары в модальном окне прошлого заказа
<div class="font-medium text-xl">
Состав заказа
</div>
<div
v-for="item in order.items"
:key="item._id"
class="basket-item"
>
<div class="leading-tight word-break-words">
{{ item.title }}
<div class="text-xs text-slate-400 whitespace-nowrap">
{{ item.price}} ₽ {{ item.volume }} {{ $unitTitle(item.volumeUnit) }}
</div>
</div>
<div class="flex gap-4 lg:gap-2 items-center">
<div class="whitespace-nowrap">
{{ item.price * item.amount }} ₽
</div>
<button
v-if="isDone"
class="button is-small whitespace-nowrap"
@click="addItemToBasket"
>
Добавить в корзину
</button>
Не получается сделать кнопку "Добавить в корзину" функциональной, а скрипт, который действует на странице работает
addItemToBasket (state, {
food,
shef
}) {
if (!state.basket.shef || state.basket.shef._id !== shef._id) {
state.basket.shefId = shef._id
state.basket.shefUsername = shef.username
Vue.set(state.basket, 'shef', shef)
}
const item = state.basket.items.find(item => item.food._id === food._id)
if (item) {
item.amount++
} else {
state.basket.items.push({
amount: 1,
food
})
}
calculateTotal(state)
},
База данных - MongoBD
