나만의 개발 일기

Vue 셀렉트박스 여러개 구현하기

Vue 에서는 v-model 이라는 v-on 과 v-bind 가 결합된 형태를 지원한다. 이를 이용해서 셀렉트박스 여러개를 만들어보고자 한다. 아래는 평범한 v-model 로 만든 1개의 셀렉트 박스이다. {{ boards.sub }} data() { return { partSelectModel: "0", board: [ { sub: "선택", value: "0" }, { sub: "1", value: "1" }, { sub: "2", value: "2" }, { sub: "3", value: "3" } ] } } 기본 바인딩 된 데이터를 보여줄때는 우리가 흔히 사용했던 html selected 는 v-model 을 사용해서 만든다면 정상 작동하지 않는다. v-model 에 바인딩 된 값과 option ..