Vue에서 select 작업하기
select 작업은
유사하게 수행됩니다. 태그에는 v-model 속성이 부착되고,
data 객체의 속성에 바인딩됩니다. 이 속성에는 선택한
option 태그의
텍스트가 포함됩니다.
다음 코드는 드롭다운 목록의 작동 예시를 보여줍니다:
data() {
return {
selected: 'value1', // 기본값
}
}
<template>
<select v-model="selected">
<option>value1</option>
<option>value2</option>
<option>value3</option>
</select>
<p>{{ selected }}</p>
</template>
select를 사용하여 사용자가 어느 도시에 살고 있는지
묻습니다. 선택한 도시가 단락에 출력되도록 만드세요.
