Arbeit mit select in Vue

Die Arbeit mit select erfolgt analog - an das Tag wird das Attribut v-model gebunden, das mit einer Eigenschaft des data-Objekts verknüpft ist. In diese Eigenschaft wird der Text des ausgewählten option-Tags gelangen.

Der folgende Code demonstriert ein Beispiel für die Arbeit einer Dropdown-Liste:

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

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