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

















