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:

javascriptdata() {
  return {
    selected: 'value1', // alapértelmezett érték
  }
}

App.vue<template>
  <select v-model="selected">
    <option>value1</option>
    <option>value2</option>
    <option>value3</option>
  </select>
  
  <p>{{ selected }}</p>
</template>

Задание 1

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.