分段控制器

更新时间:2025-01-24 07:41:39

简介

分段控制器组件用于展示多个选项并允许用户选择其中单个选项。当切换选中选项时,关联区域的内容会发生变化。

配置项

分类

配置

示例

说明

分类

配置

示例

说明

内容

模式

image

分段控制器配置模式

手动配置

image

设置组件的参数来控制分段的行为,每个分段的配置和逻辑

映射配置

image

设置外部数据(如数组或对象)自动生成分段内容

标题

image

分段项的显示文本

image

分段项的值

默认值

image

设置分段选择器的初始值

交互

隐藏

image

隐藏,详情参见通用属性

隐藏时保留布局

image

隐藏时保留布局,详情参见通用属性

样式

外边距

image

外边距,详情参见通用属性

CSS 样式

控件容器 padding

image

内边距,详情参见通用属性

控件容器背景色

image

设置控件容器背景色,详情参见通用属性

选项选中时文字颜色

image

设置选项选中时文字颜色,对应 CSS 属性:color,查看 mdn 详细说明

选项选中时背景色

image

设置选项选中时背景色,详情参见通用属性

选项悬浮态文本颜色

image

设置选项悬浮态文本颜色,对应 CSS 属性:color,查看 mdn 详细说明

选项悬浮态背景色

image

设置选项悬浮态背景色,详情参见通用属性

选项文本颜色

image

设置选项文本颜色,对应 CSS 属性:color,查看 mdn 详细说明

选项选中态背景色

image

设置选项选中态背景色,详情参见通用属性

属性与方法

名称

类型

示例

说明

名称

类型

示例

说明

value

string

segmented.value

当前分段选择器的控制内容

data

array

segmented.data

当前下拉选择框组件的下拉菜单数据

clearValue

func

segmented.clearValue()

清除组件value

setValue

func

segmented.setValue('1')

设置当前分段选择器的控制内容

事件回调

事件名

配置

说明

事件名

配置

说明

改变

image

改变选项时的回调事件

  • 本页导读
  • 简介
  • 配置项
  • 属性与方法
  • 事件回调
AI助理

点击开启售前

在线咨询服务

你好,我是AI助理

可以解答问题、推荐解决方案等