最近写项目 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)
	      }
      })
    }
  },
Logo

前往低代码交流专区

更多推荐