项目正在快速迭代中,API 与视觉细节可能随版本调整,请勿用于生产环境。
双端兼容 · 桌面 + 移动

Segmented 分段控制 ​

分段选择器:互斥选项的轻量切换控件,常用于视图切换(列表/卡片)、时间范围(今日/本周/本月)。滑块带位移过渡动画;支持 v-model 受控与无 v-model 的非受控使用。

基础用法 ​

当前视图:列表

尺寸与圆角 ​

对象选项与禁用项 ​

options 支持 { label, value, disabled, icon } 对象形态:

当前模式:实时(「历史」为禁用项)

块级铺满 ​

Segmented API ​

名称类型默认值说明
modelValueString / Number—选中值(v-model);不传时组件内部维护选中态
optionsArray[]纯值数组或 { label, value, disabled, icon }
sizeStringmiddlelarge / middle / small
shapeStringdefaultdefault / round
blockBooleanfalse铺满父容器宽度
verticalBooleanfalse垂直排布
disabledBooleanfalse整体禁用

事件:change(value)。