Selecti kasutamine Vue's
Töötamine select
elementidega toimub sarnaselt - elemendile lisatakse atribuut
v-model, mis seostatakse
data objekti omadusega. Sellesse omadusse satub
valitud option
elemendi tekst.
Järgnev kood näitab rippmenüü töö näidet:
data() {
return {
selected: 'value1', // vaikeväärtus
}
}
<template>
<select v-model="selected">
<option>value1</option>
<option>value2</option>
<option>value3</option>
</select>
<p>{{ selected }}</p>
</template>
Küsi kasutajalt select elemendi abil,
mis linnas ta elab. Tee nii, et
valitud linn kuvataks lõigus.
