扩展项 | Quasar 框架

如何贡献

选项 & 帮助器

样式 & 标识

布局和网格

Vue 指令

Quasar 插件

Vue 组合式 API

安全

Quasar CLI (使用 Vite)

Quasar CLI（使用 Webpack）

Icon Genie CLI

应用扩展

Quasar 工具

扩展项

QExpansionItem 组件允许隐藏对用户来说不立即相关的內容。可以把它想象成点击时会展开的手风琴元素。它也被称为可折叠元素。

它们本质上是用额外的功能包装的 QItem 组件。因此，它们可以包含在 QList 中并继承 QItem 组件属性。

用法

在处理内嵌级别时，一个一般性的经验法则是在 header-inset-level 添加左侧填充到标题，但它不会对内容做任何操作，而 content-inset-level 会添加左侧填充到内容。

提示

以下仅通过展开图标进行切换的行为在标题上具有路由的 QExpansionItem 中尤其有用。这样，点击标题会激活路由，而点击展开图标则会展开内容。很明显，你无法将这两个操作都绑定到整个标题。

1. 介绍

2. QExpansionItem API

3. 用法

3.1. 基本

3.2. 控制展开状态

3.3. 样式

3.4. 选项

3.5. 行为