[VueJS] v-model로 radio 처리

BBANG-JUN·2021년 1월 14일
2

VueJS

목록 보기
19/21
post-thumbnail

⏺ v-model로 radio 처리


radio버튼을 반드시 하나의 요소만 담기 때문에
v-model로 연결시킨 데이터는 value 값을 가지게 됩니다.

<template>
    <div>
        <input type="radio" v-model="radioValues" value="1R">
        <input type="radio" v-model="radioValues" value="2R">
        <input type="radio" v-model="radioValues" value="3R">
        <input type="radio" v-model="radioValues" value="4R">
        {{radioValues}}
    </div>
</template>

<script>
export default {
    data(){
        return{
            radioValues: '',
        }
    }
}
</script>


profile
🔥 머릿속으로 생각하지만 말고, 행동으로 보여줘

0개의 댓글