Appearance
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>