Εργασία με select στο Vue

Η εργασία με το select πραγματοποιείται ανάλογα - στο tag προστίθεται το attribute v-model, το οποίο συνδέεται με μια ιδιότητα του αντικειμένου data. Σε αυτή την ιδιότητα θα εμφανίζεται το κείμενο του επιλεγμένου tag option.

Ο ακόλουθος κώδικας δείχνει ένα παράδειγμα λειτουργίας μιας αναδυόμενης λίστας:

javascriptdata() {
  return {
    selected: 'value1', // προεπιλεγμένη τιμή
  }
}

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