Karice의 여행 & 코딩 블로그

Input checkbox경우

Vuejs에서 input checkbox를 사용하던 도중 값이 바뀔 때 이벤트를 걸고 싶었는데, @click으로 주니까 계속해서 변경되기 전의 값이 나왔다. 다른 곳에서는 @change를 사용하면 된다고 했다.

<-- html --> 

<input
	type="checkbox"
	id="xxx"
	v-model="xxx"
	@change="check"
/>
                
                

< -- script -- >

private xxx: boolean = true;

private check(e: any) {
     this.$nextTick(() => {
       console.log(this.xxx);
    });
}​

Vuetify를 사용하는 경우

곰곰히 생각해보니 v-checkbox가 있었고, 거기서 v-model을 사용하면 v-model에 준 변수로 값이 들어간다.

<v-checkbox
    hide-details
    v-model="isRegisterReview"
    label="후기후기"
></v-checkbox>

이렇게 넣어주면, data에 있는 'isRegisterReview'에 값이 들어간다.

들어가는 값 :

• 체크 : 1
• 체크해제 : 0