vue v-model_checkbox

20171226

by Syuan Shih

HTML

<div id="app">
    <input type="checkbox" v-model="selected_group" value="Item1"><label>Item1</label>
    <input type="checkbox" v-model="selected_group" value="Item2"><label>Item2</label>
    <input type="checkbox" v-model="selected_group" value="Item3"><label>Item3</label>
    <div>selected_group = {{ selected_group }}</div>
</div>

JavaScript

// 宣告data中的變數為陣列[]
var vm = new Vue({
    el: '#app',
    data: {
        selected_group: []
    }
});