Vue में select के साथ काम करना

select के साथ काम करना इसी तरह से किया जाता है - टैग पर एक v-model विशेषता लगाई जाती है, जो data ऑब्जेक्ट की एक संपत्ति से बंधी होती है। चयनित 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>