折叠面板 Collapse

我看到它总被用在界面边栏的控制面板上。

演示

basic
arrow-placement
accordion
nested
display-directive
item-header-click

名称	类型	默认值	说明
accordion	`boolean`	`false`
arrow-placement	`'left' \| 'right'`	`'left'`
display-directive	`'if' \| 'show'`	`'if'`	内部 `n-collapse-item` 在控制内容是否渲染时使用的指令，`'if'` 对应 `v-if`，`'show'` 对应 `v-show`
expanded-names	`Array<string \| number>`	`undefined`
theme	`'light' \| 'dark' \| string`	`undefined`
on-update-expanded-names	`(expandedNames: Array<string>) => any`	`undefined`
on-item-header-click	`(data: { name: string, expanded: boolean, event: MouseEvent }) => any`	`undefined`

名称	类型	默认值	说明
display-directive	`'if' \| 'show'`	`undefined`	自身在控制内容是否渲染时使用的指令，`'if'` 对应 `v-if`，`'show'` 对应 `v-show`。在设定为 `undefined` 的时候跟随外层的 `n-collapse`
name	`string \| number`	required
title	`string`	`undefined`

名称	参数	说明
default	`()`