<div id="app">
<label for=""><input type="checkbox" v-model="chk" value="1"> 1</label>
<label for=""><input type="checkbox" v-model="chk" value="2"> 2</label>
<label for=""><input type="checkbox" v-model="chk" value="3"> 3</label>
<div>{{chkLength}}</div>
</div>const App = {
data() {
return {
chk: []
}
},
computed: {
chkLength: function(){
return this.chk.length;
}
}
}
Vue.createApp(App).mount('#app')
External CSS
This Pen doesn't use any external CSS resources.