vue element ui - el-checkbox复选框 作者：马育民 • 2024-04-21 12:37 • 阅读：10011 # 说明 官方文档： https://element.eleme.cn/#/zh-CN/component/checkbox ### el-checkbox-group 标签 `<el-checkbox-group>` 是将 若干复选框设置为一组 可以设置 `v-model`，表示这一组复选框共用此 `v-model` ### el-checkbox 标签 `<el-checkbox>` 渲染成复选框 例子： `<el-checkbox label="download">下载</el-checkbox>` label相当于原生复选框的 `value` 属性 **注意：** 上例中，`下载` 可以省略，此时显示 `label` 中的 `download` ### 例子 ``` <el-checkbox-group v-model="shareForm.auths"> <el-checkbox label="download">下载</el-checkbox> <el-checkbox label="upload">上传</el-checkbox> <el-checkbox label="mkdir">创建文件夹</el-checkbox> <el-checkbox label="remove">删除</el-checkbox> <el-checkbox label="rename">重命名</el-checkbox> </el-checkbox-group> ``` data数据： ``` shareForm:{ auths:['download'] // 默认选中下载 } ``` 原文出处：http://www.malaoshi.top/show_1IX7YAFwe460.html