Puna me select në Vue

Puna me select kryhet në mënyrë të ngjashme - në tag vihet atributi v-model, i cili lidhet me një pronë të objektit data. Në këtë pronë do të futet teksti i tag-ut të zgjedhur option.

Kodi në vijim demonstron një shembull të punës së listës rënëse:

javascriptdata() {
  return {
    selected: 'value1', // vlera e paracaktuar
  }
}
App.vue<template>
  <select v-model="selected">
    <option>value1</option>
    <option>value2</option>
    <option>value3</option>
  </select>
  
  <p>{{ selected }}</p>
</template>
Задание 1

Pyesni përdoruesin me anë të select në cilin qytet jeton. Bëni që qyteti i zgjedhur të shfaqet në paragraf.