Lucrul cu select în Vue

Lucrul cu select se realizează în mod similar - pe tag se atașează atributul v-model, la acesta se leagă o proprietate a obiectului data. În această proprietate va ajunge textul tag-ului option selectat.

Următorul cod demonstrează un exemplu de funcționare a listei drop-down:

javascriptdata() {
  return {
    selected: 'value1', // valoarea implicită
  }
}

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