要实现效果如下:
父组件代码(byfloor.vue):
<template>
<!--按楼层-->
<Row style="background:#eee;">
<Col span="11" class="cardLeft">
<Card class="cardo">
<RadioGroup v-model="animal" style="margin-bottom:1rem;">
<Radio label="0">全部</Radio>
<Radio label="1">1栋</Radio>
<Radio label="2">2栋</Radio>
<Radio label="3">3栋</Radio>
</RadioGroup>
<p style="margin-bottom:20px;">
<Select v-model="orientations1" style="width:100px">
<Option v-for="item in orientations" :value="item.value" :key="item.value">{ { item.label }}</Option>
</Select>
<Select v-model="daylighting1" style="width:100px">
<Option v-for="item in daylighting" :value="item.value" :key="item.value">{ { item.label }}</Option>
</Select>
<Select v-model="sight1" style="width:100px">
<Option v-for="item in sight" :value="item.value" :key="item.value">{ { item.label }}</Option>
</Select>
</p>
<div class="cardBody" v-for="(floor0,index) in list" :key="index">
<checkbox1 v-bind:post1='floor0'></checkbox1>
</div>
</Card>
</Col>
</Row>
</template>
&