Kvíz: Tlačítko plus
Zákazník si vybírá, kolik cappuccin chce. Tlačítko − funguje, ale + nedělá nic a konzole hlásí [Vue warn]: Set operation on key "pocet" failed: target is readonly. Podívejte se i do App.vue a pak klikněte na řádek s chybou v Mnozstvi.vue.
1<script setup>
2defineProps({
3 pocet: { type: Number, required: true },
4});
5const emit = defineEmits(["ubrat", "pridat"]);
6</script>
7
8<template>
9 <div class="mnozstvi">
10 <button @click="emit('ubrat')">−</button>
11 <span>{{ pocet }}</span>
12 <button @click="pocet++">+</button>
13 </div>
14</template>
15
16<style scoped>
17.mnozstvi {
18 display: flex;
19 gap: 12px;
20 align-items: center;
21}
22
23button:disabled {
24 background: #b8b0a8;
25 cursor: default;
26}
27</style>