Arbejde med select i Vue

Arbejde med select foregår på samme måde - på tagget placeres en attribut v-model, som binder til en egenskab i data-objektet. I denne egenskab vil teksten fra det valgte option-tag blive lagt.

Følgende kode demonstrerer et eksempel på arbejde med en rulleliste:

javascriptdata() {
  return {
    selected: 'value1', // standardværdi
  }
}

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