跳到正文
贡献者

ExpansionPanels

McExpansionPanels 管理展开状态,McExpansionPanel 提供单个可折叠区域,两者共同组成 accordion 组件族。

基础用法

难度、生物群系与种子。

可与其他面板同时展开。

API

McExpansionPanels Props

名称类型默认说明
modelValuestring | number | (string | number)[] | nullnull当前展开项的 value;多选模式下使用数组,支持 v-model
multiplebooleanfalse是否允许同时展开多个子面板。

事件:update:modelValuechange

McExpansionPanel Props

名称类型默认说明
valuestring | number自动生成当前面板在父组件中的唯一值。
titlestring-标题按钮文字;也可使用 title 插槽提供自定义内容。
disabledbooleanfalse是否禁用当前面板的展开操作和键盘焦点。

插槽:titledefault。标题使用 accordion 键盘模型,支持上下方向键、Home 与 End。

内部语义标题会重置宿主 h3 的 margin 与排版覆盖,不会在面板边框和标题按钮之间产生额外空白。

最后更新于

MIT Licensed · Ore UI 风格 Vue 3 组件库