elementUI el-checkbox复选框 隐藏label

做多选图片时,我是需要把所需要的东西选中,然后并不需要显示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

牛逼!

posted @ 2021-12-20 17:42  成强  阅读(3685)  评论(0)    收藏  举报