数据录入与表单

NnSegmented 分段控制器

单选式分段切换。

示例

API

Props

名称	类型	默认值	说明
value	string | number | boolean	''	当前值，配合 v-model:value。
options	SegmentedOption[] | Primitive[]	[]	原始值同时作为 label 和 value；对象结构见下文。
block	boolean	false	占满容器宽度，并让所有选项以相同的弹性宽度平分可用空间。

interface SegmentedOption {
    label: unknown;
    value: string | number | boolean;
    disabled?: boolean;
    icon?: Component | string;
    class?: string | object | unknown[];
    style?: string | object | unknown[];
    title?: string | number;
}

icon 通过 Vue 动态组件渲染；class 和 style 直接绑定到对应的原生 <button>。title 未提供或为 falsy 值时会回退到 label。

Events

事件	参数	说明
update:value	(value)	点击不同且可用的选项时触发。
change	(value)	与更新事件使用同一值。

Slots

名称	作用域参数	说明
label	{ option }	自定义每个选项的标签；option 是补齐 label、value 和布尔 disabled 后的规范化项。