用vue实现（checkbox）复选框全选

最近写项目 js的全选选中了但是id传不过去 然后 查了查百度弄好了 整理一下： 这个是我需要选择的复选框(一部分代码)：

<tr v-for="(s,key) in sites" > <td<input type="checkbox" name="id" v-model="nid" :value="s.nid" /> {{key+1}}</td>

全选的复选框:

<input type="checkbox" @click="checkAll" v-model="checked" /><span>全选</span>

vue需要从data里加两个属性：

nid:[], checked:false

坚持了你最不想干的事，便能得到，你最想要的。——宫崎骏 下面到了vue代码了：

checkAll(){ 　　　　if(this.checked==false){ 　　　　　　this.nid=[];//清空数据 　　　　}else{ 　　　　　　this.sites.forEach((sites)=>{ 　　　　　　if(this.nid.indexOf(sites.nid)==-1){ 　　　　　　　　this.nid.push(sites.nid) 　　　　　　} 　　　　　　}) 　　　　} 　　},