Работа со 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>