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