简介
分段控制器组件用于展示多个选项并允许用户选择其中单个选项。当切换选中选项时,关联区域的内容会发生变化。
配置项
| 分类 | 配置 | 示例 | 说明 | 
| 内容 | 模式 | 
 | 分段控制器配置模式 | 
| 手动配置 | 
 | 设置组件的参数来控制分段的行为,每个分段的配置和逻辑 | |
| 映射配置 | 
 | 设置外部数据(如数组或对象)自动生成分段内容 | |
| 标题 | 
 | 分段项的显示文本 | |
| 值 | 
 | 分段项的值 | |
| 默认值 | 
 | 设置分段选择器的初始值 | |
| 交互 | 隐藏 | 
 | 隐藏,详情参见通用属性 | 
| 隐藏时保留布局 | 
 | 隐藏时保留布局,详情参见通用属性 | |
| 样式 | 外边距 | 
 | 外边距,详情参见通用属性 | 
| CSS 样式 | 控件容器 padding | 
 | 内边距,详情参见通用属性 | 
| 控件容器背景色 | 
 | 设置控件容器背景色,详情参见通用属性 | |
| 选项选中时文字颜色 | 
 | 设置选项选中时文字颜色,对应 CSS 属性:color,查看 mdn 详细说明 | |
| 选项选中时背景色 | 
 | 设置选项选中时背景色,详情参见通用属性 | |
| 选项悬浮态文本颜色 | 
 | 设置选项悬浮态文本颜色,对应 CSS 属性:color,查看 mdn 详细说明 | |
| 选项悬浮态背景色 | 
 | 设置选项悬浮态背景色,详情参见通用属性 | |
| 选项文本颜色 | 
 | 设置选项文本颜色,对应 CSS 属性:color,查看 mdn 详细说明 | |
| 选项选中态背景色 | 
 | 设置选项选中态背景色,详情参见通用属性 | 
属性与方法
| 名称 | 类型 | 示例 | 说明 | 
| value | string | 
 | 当前分段选择器的控制内容 | 
| data | array | 
 | 当前下拉选择框组件的下拉菜单数据 | 
| clearValue | func | 
 | 清除组件value值 | 
| setValue | func | 
 | 设置当前分段选择器的控制内容 | 
事件回调
| 事件名 | 配置 | 说明 | 
| 改变 | 
 | 改变选项时的回调事件 | 
该文章对您有帮助吗?

















