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

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

<tr  v-for="(s,key) in sites" >
	<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)
	　　　　　　}
　　　　　　})
　　　　}
　　},