vue element ui - el-checkbox复选框

说明

官方文档:
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'] // 默认选中下载
}

原文出处:/show_1IX7YAFwe460.html