Element UI之Checkbox 多选框

Checkbox 多选框

在一组选项中进行多选

按需引入方式

如果是完整引入可跳过此步骤

import Vue from 'vue'
import { Checkbox, CheckboxGroup } from 'element-ui'
import 'element-ui/lib/theme-chalk/base.css'
import 'element-ui/lib/theme-chalk/checkbox.css'
import 'element-ui/lib/theme-chalk/checkbox-group.css'

Vue.use(Checkbox)
Vue.use(CheckboxGroup)
1
2
3
4
5
6
7
8

基础使用

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

1
2
3
4
5
6
7
8
9
10
11
12
13

禁用状态

多选框不可用状态。

1
2
3
4
5
6
7
8
9
10
11
12
13

多选框组

适用于将多个选项的值存在一个数组中的场景。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

Checkbox Attributes

原文链接：菜园前端