Vue-da select bilan ishlash

select bilan ishlash shunga o'xshash tarzda amalga oshiriladi - tegiga v-model atributi qo'yiladi, unga data ob'ektining xususiyati bog'lanadi. Ushbu xususiyatga tanlangan option tegining matni tushadi.

Quyidagi kod ochiladigan ro'yxat bilan ishlash misolini ko'rsatadi:

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

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