naive-ui/demo/documentation/components/collapse/zhCN/index.md

折叠面板 Collapse

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

演示

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

V-model

Prop	Event
expanded-names	expanded-names-change

Props

Collapse Props

名称	类型	默认值	说明
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>	null
theme	'light' | 'dark' | null	null

Collapse Item Props

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

Slots

Collapse Slots

名称	参数	说明
default	()

Collapse Item Slots

名称	参数	说明
default	()
header	()
arrow	({ collapsed: boolean })

Event

Collapse Event

名称	参数	说明
expanded-names-change	(expandedNames: Array<string>)
item-header-click	({ name: string, expanded: boolean, event: MouseEvent })