ElementUI浅尝辄止35:Checkbox 多选框

一组备选项中进行多选 

1.如何使用?

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

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


2.禁用状态

多选框不可用状态。

设置disabled属性即可。


3.多选框组

适用于多个勾选框绑定到同一个数组的情景,通过是否勾选来表示这一组选项中选中的项。

/*checkbox-group元素能把多个 checkbox 管理为一组,只需要在 Group 中使用v-model绑定Array类型的变量即可。 el-checkbox 的 label属性是该 checkbox 对应的值,若该标签中无内容,则该属性也充当 checkbox 按钮后的介绍。label与数组中的元素值相对应,如果存在指定的值则为选中状态,否则为不选中。*/



4.indeterminate 状态

indeterminate 属性用以表示 checkbox 的不确定状态,一般用于实现全选的效果


5.可选项目数量的限制

使用 min 和 max 属性能够限制可以被勾选的项目的数量。


6.按钮样式

按钮样式的多选组合。


7.带有边框

设置border属性可以渲染为带有边框的多选框。




你可能感兴趣的:(element-ui,elementui)