Рад са select у Vue-у

Рад са select обавља се слично - на тег се додаје атрибут v-model, који се везује за својство објекта data. У ово својство ће се уписати текст изабраног тега option.

Следећи код приказује пример рада падајуће листе:

javascriptdata() {
  return {
    selected: 'value1', // подразумевана вредност
  }
}
App.vue<template>
  <select v-model="selected">
    <option>value1</option>
    <option>value2</option>
    <option>value3</option>
  </select>
  
  <p>{{ selected }}</p>
</template>
Задание 1

Питајте корисника помоћу select у ком граду живи. Направите тако да се изабрани град прикаже у параграфу.