控制单个或者多个选项的选中状态,那么就可以使用多选框组件
1.Checkbox多选框组件
基本语法
Checkbox(options?: CheckboxOptions)
其中参数CheckboxOptions说明:
常用属性
2.CheckboxGroup
如果要控制多个Checkbox的选中状态,就可以通过CheckboxGroup来实现
基本语法
CheckboxGroup(options?: CheckboxGroupOptions)
2.1.基本使用
说明:CheckboxGroup 和 Checkbox 的组名一致,即可实现全选和反选。
2.2.onChange获取选中的结果值
除了视觉效果的实现全选和反选以外,还经常需要获取选中的值
核心步骤:
- 给 CheckBoxGroup 注册 onChange
- CheckBox 添加 name 属性
- 在 onChange的回调函数中获取 选中的 name 属性
事件onChange:
CheckboxGroupResult对象说明