Element复选框只要框不要字

白嫖叫上我

于 2024-02-27 10:52:21 发布

阅读量529

点赞数 10

分类专栏： element-ui 文章标签： javascript 前端 elementui

本文链接：https://blog.csdn.net/daimaxiaodao/article/details/136316785

版权

element-ui 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

本文介绍了如何在Vue.js应用中使用ElementUI的el-checkbox组件创建一个多选框列表，同时通过CSS样式隐藏不必要的文字，实现只显示勾选框的效果。

摘要由CSDN通过智能技术生成

场景

复选框分别放在多个选项后，只需要勾选框，不要展现的文字。
在这里插入图片描述

实现

<el-checkbox-group v-model="checkList">
	<el-checkbox label="使用核武器"></el-checkbox>
</el-checkbox-group>
...
data() {
  return {
	checkList: ['使用核武器','自动规避'],
  };
},
...
::v-deep .el-checkbox__label{
	padding: 0;
	width: 0;
	font-size: 0;
}