Vue တွင် select နှင့် အလုပ်လုပ်ခြင်း

select နှင့် အလုပ်လုပ်ခြင်းသည် အလားတူပင် ဖြစ်သည် - tag ပေါ်တွင် v-model attribute ကို တပ်ပြီး ၎င်းကို data object ၏ property တစ်ခုနှင့် ချိတ်ဆက်သည်။ ဤ property ထဲသို့ ရွေးချယ်ထားသော option tag ၏ စာသား ဝင်ရောက်လာမည်။

အောက်ပါ code သည် dropdown list ၏ အလုပ်လုပ်ပုံ နမူနာကို ပြသထားသည်။

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>