vue实现单选框(即JQ的addClass().siblings().removeClass())
<tr v-for="(item,inedx) in tableData.body" :key="item.id"><td><label @click="isCheck = index" :class="{'label':isCheck == index}&q
·
<tr v-for="(item,inedx) in tableData.body" :key="item.id">
<td>
<label @click="isCheck = index" :class="{'label':isCheck == index}">
<input type="checkbox" :value="item.id" v-model="checkedId">
</label>
</td>
<td>{{item.id}}</td>
<td>{{item.number}}</td>
<td>{{item.name}}</td>
<td>{{item.person}}</td>
<td>{{item.phone}}</td>
<td>{{item.address}}</td>
<td v-if="item.status == 1">无效</td>
<td v-else>有效</td>
<td><button type="button"></button></td>
</tr>
<script>
export default{
data(){
return{
isCheck:null
}
}
}
</script>
如若想实现复选框请移步https://blog.csdn.net/Abez_c/article/details/83179311
更多推荐
已为社区贡献2条内容
所有评论(0)