Vue

by WeiChienHsing

HTML

<div id="div">
   <div v-for="(item,index) in items">
     <input type="checkbox" v-model="items[index]" v-on:click="chkEvent($event, index)" v-bind:id="'jslib' + (index + 1)" value="1" />
     <label v-bind:for="'jslib' + (index + 1)">{{ names[index] }}</label>
   </div>
 </div>

Vue

new Vue({
   el: '#div',
   data: function() {
     return {
       items: new Array(5),
       names: ["VueJs", "ReactJs", "Angular", "jQuery", "BackBoneJs"]
     };
   },
   methods: {
     chkEvent: function(event, idx) {
       if (this.items[idx] == true) {
         event.preventDefault();
       }
       this.items.fill(false);
       this.items[idx] = true;
     }
   }
 })