vue实现单选框(即JQ的addClass().siblings().removeClass())
用户投稿 学习笔记 22阅读
<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
标签：