Darbība ar select Vue
Darbība ar select
tiek veikta līdzīgi - tagam tiek pievienots atribūts
v-model, kas saistīts ar objekta
data īpašību. Šajā īpašībā tiks
ievietots izvēlētā option
tekasta saturs.
Šāds kods demonstrē nolaižamā saraksta darbības piemēru:
data() {
return {
selected: 'value1', // noklusējuma vērtība
}
}
<template>
<select v-model="selected">
<option>value1</option>
<option>value2</option>
<option>value3</option>
</select>
<p>{{ selected }}</p>
</template>
Izmantojot select, jautājiet lietotājam,
kādā pilsētā viņš dzīvo. Iestatiet tā, lai
izvēlētā pilsēta tiktu parādīta rindkopā.
