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>