<el-checkbox-group v-model="selectedPictures" class="all-picture" @change="selectPictures">
<div v-for="(item,index) in picturesList" :key="'pictureBox'+index" class="picture-box">
<el-image class="monitor-picture" lazy @click.native="picPreview" :src="item.pictureUrl" fit="fill"/>
<el-checkbox style="position: absolute;top: 0;left: 4px" :label="item.pictureUrl"></el-checkbox>
<p>{{item.storeName}}</p>
<p>{{item.deviceName}}</p>
<p>{{item.createTime}}</p>
</div>
</el-checkbox-group>
想在el-checkbox-group中插入文本结果死活不显示
结果查了半天是 font-size:0 的原因
<el-checkbox-group v-model="selectedPictures" class="all-picture" @change="selectPictures">
<div v-for="(item,index) in picturesList" :key="'pictureBox'+index" class="picture-box">
<el-image class="monitor-picture" lazy @click.native="picPreview" :src="item.pictureUrl" fit="fill"/>
<el-checkbox style="position: absolute;top: 0;left: 4px" :label="item.pictureUrl"></el-checkbox>
<div class="store-name" style="font-size: 14px">{{item.storeName}}</div>
<div class="" style="font-size: 12px">{{item.deviceName}}</div>
<div style="font-size: 12px">{{item.createTime}}</div>
</div>
</el-checkbox-group>
设置一下 font-size 就好了