做多選圖片時,我是需要把所需要的東西選中,然后並不需要顯示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
牛逼!