Att skapa select i en loop i Vue
Taggarna option
kan också skapas
automatiskt, med hjälp av en loop.
Se exemplet:
App.vuedata() {
return {
selected: 'value1',
options: ['value1', 'value2', 'value3'],
}
}App.vue<template>
<select v-model="selected">
<option v-for="option in options">{{ option }}</option>
</select>
<p>{{ selected }}</p>
</template>
Задание 1
Skapa en rullgardinsmeny med vilken man kan välja namnet på en veckodag.
Задание 2
Skapa tre rullgardinsmenyer med vilka man kan välja dag, månad och år.
Задание 3
Modifiera den föregående uppgiften så att rullgardinsmenyerna har dagens datum förvalt.