vueチェックボックスの選択状態を判断する

3555 ワード

vueチェックボックスの選択状態を判断する
<body>
    <div id="app">
        <input type="checkbox"  @click = "select(event)"> {{checkedStatus}}
    </div>
</body>
<script>
    var app = new Vue({
        el:"#app",
        data:{
            checkedStatus:"   "
        },
        methods: {
            select:function(e) {
                if(e.target.checked == true) {
                    //          ,         
                    this.checkedStatus = "  ";
                } else {
                    this.checkedStatus = "   ";
                }
            }
        },
    })
</script>