多选框组 xCheckboxGroup
在线预览
在线模拟尺寸:
介绍
使用时,从1.1.2开始允许是非直接x-checkbox子节点布局,但考虑到性能建议是直接子节点.
平台兼容
| H5 | andriod | IOS | 小程序 | UTS | UNIAPP-X SDK | version |
|---|---|---|---|---|---|---|
| ☑ | ☑️ | ☑️ | ☑️ | ☑️ | 4.44+ | 1.1.9 |
文件路径
ts
@/uni_modules/tmx-ui/components/x-checkbox-group/x-checkbox-group.uvue使用
ts
<x-checkbox-group></x-checkbox-group>Props 属性
| 名称 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| modelValue | 当前选中的值。 | string[] | () : String[] => {<br> return [] as String[]<br>} |
| direction | 对齐方式 | string | "row" |
| max | 最大选择数量，-1表示不限制。 | number | -1 |
Events 事件
| 名称 | 参数 | 说明 |
|---|---|---|
| change | **val** : number[] | 选项变化时触发。 |
| update:modelValue | - | 等同v-model="" |
Slots 插槽
| 名称 | 说明 | 数据 |
|---|---|---|
| default | 从1.1.2开始允许是非直接x-checkbox子节点布局,但考虑到性能建议是直接子节点. | - |
Ref 方法
| 名称 | 参数 | 返回值 | 说明 |
|---|
示例文件路径
json