Select veidošana cilpā Vue
Tagus option
var arī izveidot
nevis manuāli, bet ar cilpas palīdzību.
Skatiet piemēru:
data() {
return {
selected: 'value1',
options: ['value1', 'value2', 'value3'],
}
}
<template>
<select v-model="selected">
<option v-for="option in options">{{ option }}</option>
</select>
<p>{{ selected }}</p>
</template>
Izveidojiet select, ar kura palīdzību varēs izvēlēties nedēļas dienas nosaukumu.
Izveidojiet trīs select, ar kuru palīdzību varēs izvēlēties dienu, mēnesi un gadu.
Modificējiet iepriekšējo uzdevumu tā, lai pēc noklusējuma selectos būtu izvēlēts pašreizējais datums.
