Accordion
一组可展开的项(常见问题、设置分组)。type="single"(缺省)同时只开一项,multiple 可多开;键盘上下键在标题间移动、Home / End 跳到首尾,aria-expanded 与 aria-controls 交给 Reka。单独一块的展开收起用 XDisclosure。
单开与多开
- 各项内容写在以
value命名的插槽里(#billing);没单独写的项落到默认插槽,作用域给item。标题可以用#title插槽整体替换。 v-model:单开是字符串(全收起为undefined),多开是数组。collapsible(缺省开)决定单开时能否把开着的那项再点收起。- 标题包在
h3里,读屏按标题导航能跳到每一项;展开收起按内容高度动画,减弱动效时直接开合。
API
Props
| 名称 | 类型 | 默认值 | 说明 |
|---|---|---|---|
items 必填 | AccordionItem[] | — | — |
type | "single" | "multiple" | undefined | "single" | single(缺省)同时只开一项,multiple 可多开 |
collapsible | boolean | undefined | true | single 时能否把开着的那项再点收起,缺省可以 |
size | "mini" | "small" | "medium" | "large" | "super" | undefined | undefined | 尺寸:mini / small / medium(默认) / large / super;不传则跟随环境 data-size |
modelValue | string | string[] | undefined | — | — |
Emits
| 事件 | 载荷 | 说明 |
|---|---|---|
update:modelValue | [value: string | string[] | undefined] | — |
Slots
| 插槽 | 说明 |
|---|---|
default | — |
title | — |