Arbeta med select i Vue

Arbetet med select sker på liknande sätt - attributet v-model sätts på taggen, och den bindes till en egenskap i data-objektet. I denna egenskap kommer texten från den valda option-taggen att hamna.

Följande kod demonstrerar ett exempel på hur en rullgardinsmeny fungerar:

javascriptdata() {
  return {
    selected: 'value1', // standardvärde
  }
}

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