Skip to content
本页内容目录

Checkbox多选框

一组备选项中进行多选。

样式预览

alt Checkbox多选框

基础用法

单独使用可以表示两种状态之间的切换,写在标签中的内容为 checkbox 按钮后的介绍。

示例代码

在el-checkbox元素中定义v-model绑定变量,单一的checkbox中,默认绑定变量的值会是Boolean,选中为true。

vue
<template>
  <el-checkbox-group v-model="checked" size="mini">
    <el-checkbox :label="0" border>选项一</el-checkbox>
    <el-checkbox :label="1" border>选项二</el-checkbox>
    <el-checkbox :label="2" border>选项三</el-checkbox>
  </el-checkbox-group>
</template>
<script>
  export default {
    data() {
      return {
        checked: [0, 1]
      }
    }
  }
</script>

评论