<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

Logo

前往低代码交流专区

更多推荐