Select használata Vue-ban
A select
elem használata hasonlóan történik - a v-model
attribútumot kell ráhelyezni, amely egy
data objektum tulajdonságához kapcsolódik.
Erre a tulajdonságra a kiválasztott option
elem szövege kerül.
Az alábbi kód bemutatja a legördülő lista működését:
data() {
return {
selected: 'value1', // alapértelmezett érték
}
}
<template>
<select v-model="selected">
<option>value1</option>
<option>value2</option>
<option>value3</option>
</select>
<p>{{ selected }}</p>
</template>
Kérdezze meg a felhasználótól egy select
segítségével, hogy melyik városban él.
Állítsa be úgy, hogy a kiválasztott város
egy bekezdésben jelenjen meg.
