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

牛逼!


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM