VueJs2 확인란 v-bind: true-value가 작동하지 않음

VueJs2 확인란 v-bind: true-value가 작동하지 않음

vue-cli를 사용하여 vuejs2 앱을 만들었습니다.vuejs 설명서에 값 바인딩이라고 나와 있는 확인란의 동적 값을 바인딩하려고 합니다.하지만 그것은 나를 정의하지 못한다.내가 묶지 않으면 진실인지 거짓인지 알 수 있어이것은 나의 ValueBinding입니다.vue 컴포넌트

<template>
    <div id="input">
        <p> Selected value for smoking: {{ smoking }} </p>
        <input v-model="smoking" v-bind:true-value="Y" v-bind:false-value="N" type="checkbox">
        <label>No Smoking</label>
        <br>
        <button @click="submit">Submit</button>
    </div>
</template>
<script>
    export default {
        name: 'value-binding',
        data() {
            return {
                smoking: ''
            }
        },
        methods: {
            submit() {
                console.log(this.smoking) //shows undefined
            }
        }
    }
</script>

저는 vuejs가 처음입니다.잘 부탁드립니다.

v-bind를 사용하면 하나 이상의 특성이 식에 동적으로 바인딩됩니다.고객님의 경우

v-bind:true-value="Y"

다음과 같은 데이터 속성을 검색합니다.Yvue 인스턴스에서는 이러한 특성을 정의하지 않았기 때문에 정의되지 않습니다.

참 값을 "Y"로, 거짓 값을 "N"으로 지정하려면 다음을 수행합니다.

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

언급URL : https://stackoverflow.com/questions/41076832/vuejs2-checkbox-v-bindtrue-value-is-not-working