[Vue.js] 체크박스(checkbox) 체크 유무를 특정 값으로 바인딩 하기

 

 

 

체크박스에 바인딩 된 모델의 값은 기본적으로 true / false

하지만 다른 문자로 치환이 필요한경우가있다

 

체크 유무를 따져서 값을 변경해주는 방법 외에

input의 true-value와 false-value props를 사용한다.

 

<input v-model="useYn" type="checkbox" true-value="Y" false-value="N">

 

문자열 뿐만 아니라 메소드도 가능하다.

 

이때 주의할점은 form submit시 체크 되지않은 값은 전송되지 않는다.