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