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