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>