Quiz: Eine eigene Bestellung
Bei dieser App scheinen die Bestellen-Buttons nichts zu tun: Die Bestellung zeigt weiter Noch nichts bestellt., und in der Konsole steht kein Fehler. Klicke auf die Zeile mit dem Fehler in Bestellliste.vue.
1<script setup>
2import { ref } from "vue";
3
4const bestellung = ref([]);
5</script>
6
7<template>
8 <section class="bestellung">
9 <h2>Deine Bestellung</h2>
10 <p v-if="bestellung.length === 0">Noch nichts bestellt.</p>
11 <ul v-else>
12 <li v-for="posten in bestellung" :key="posten.id">{{ posten.anzahl }} × {{ posten.name }}</li>
13 </ul>
14 </section>
15</template>