Vue에서 루프를 사용하여 select 만들기
option 태그를
수동으로 작성하는 대신
루프를 사용하여 만들 수도 있습니다.
예시를 참고하세요:
data() {
return {
selected: 'value1',
options: ['value1', 'value2', 'value3'],
}
}
<template>
<select v-model="selected">
<option v-for="option in options">{{ option }}</option>
</select>
<p>{{ selected }}</p>
</template>
요일 이름을 선택할 수 있는 셀렉트를 만드세요.
일, 월, 년을 선택할 수 있는 세 개의 셀렉트를 만드세요.
이전 문제를 수정하여 셀렉트에 기본값으로 현재 날짜가 선택되도록 하세요.
