Werk met select in Vue

Werk met select word op 'n soortgelyke wyse gedoen - die v-model-kenmerk word op die etiket geplaas, wat aan 'n eienskap van die data-voorwerp gekoppel is. Na hierdie eienskap sal die teks van die gekose option-etiket toegevloei word.

Die volgende kode demonstreer 'n voorbeeld van 'n keuselys:

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

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