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>