Lavorare con select in Vue

Il lavoro con select si svolge in modo analogo - sull'etichetta viene applicato l'attributo v-model, che viene associato a una proprietà dell'oggetto data. In questa proprietà verrà inserito il testo dell'etichetta option selezionata.

Il seguente codice dimostra un esempio di funzionamento di un menu a tendina:

javascriptdata() {
  return {
    selected: 'value1', // valore predefinito
  }
}

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