WSegmented 组件
分段控制器,基于 WinDesignNext Segmented 封装,用于在多个互斥选项间切换视图或筛选条件。
基础用法
API
| 属性 | 类型 | 说明 |
|---|---|---|
component | string | 固定为 WSegmented |
modelValue | DataBindingValue | 当前选中值 |
options | array | 静态选项,与 dataSource 二选一 |
dataSource | string | 选项数据路径 |
props | object | DataBindingValue | 选项字段映射 |
block | boolean | 块级布局 |
disabled | boolean | 禁用 |
size | string | 尺寸 |
direction | string | horizontal / vertical |
action | Action | 切换事件 |
path 支持说明
| 属性 | path 支持 | 说明 |
|---|---|---|
modelValue | ✅ | 选中值双向绑定 |
dataSource | ✅(路径字符串) | 选项数组路径 |
props | ✅ | 字段映射 |
modelValue 数据绑定
json
{ "modelValue": { "path": "/viewMode" } }action 定义
json
{
"action": {
"event": {
"name": "onViewChange",
"type": "change",
"context": [{ "key": "viewMode", "value": { "path": "/viewMode" } }]
}
}
}注意事项
- 选项格式:
{ label, value, disabled? } - 切换后自动
setData写回modelValue.path