做多选图片时,我是需要把所需要的东西选中,然后并不需要显示label;如果写在里面,图片点击会造成选择,所以并列,
<el-checkbox-group v-model="checkList">
<el-col :span="6" v-for="(item, index) in getImageList" :key="item.ID">
<!--图片的多选框-->
<el-checkbox :label="item.ID" :indeterminate="false" >
<br>
<!-- <el-image
style="width: 100px; height: 100px"
:src="item.Url"
:preview-src-list="[item.Url]">
</el-image>-->
</el-checkbox>
<el-image
style="width: 100px; height: 100px"
:src="item.Url"
:preview-src-list="[item.Url]">
</el-image>
</el-col>
</el-checkbox-group>
简洁版
<!-- 多选框不显示label 只要在里面加上<br>就OK了 -->
<el-checkbox :label="item.name" :key="item.id">
<br>
</el-checkbox>
原文文档:
https://blog.csdn.net/qq_41793354/article/details/119958634
牛逼!