用vue实现(checkbox)复选框全选
最近写项目 js的全选选中了但是id传不过去 然后 查了查百度弄好了整理一下:这个是我需要选择的复选框(一部分代码):<trv-for="(s,key) in sites" ><td<input type="checkbox" name="id"v-model="nid" :value="s.nid" />{{key+1}}</td>...
·
最近写项目 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)
}
})
}
},
更多推荐
已为社区贡献2条内容
所有评论(0)