展开项

QExpansionItem组件允许隐藏与用户不立即相关的内容。 将它们视为单击时会扩展的手风琴元素。 也称为可折叠。

它们基本上是QItem组件,带有其他功能。 因此它们可以包含在QLists中并继承QItem组件属性。

安装

/*
 * No installation step is necessary.
 * It gets installed by default by @quasar/app v2+.
 */

用法

基础

Basic

控制扩展状态

Controlling expansion state

样式

Dense
On a dark background

选项

Switch toggle side
Header slot
Handling events

在处理inset level时,一般的经验法则是:header-inset-level将左padding添加到头部,而对内容不做任何操作,而content-inset-level将左padding添加到内容中。

Playing with inset levels

行为

TIP

仅当将路由附加到QExpansionItem的头部时,以下通过扩展图标切换的行为才特别有用。 这样,通过单击头部将激活路由,并通过单击展开图标将展开内容。 显然,您不能将两个操作都附加到整个头部。

Toggle by expand icon only
Accordion mode
Popup mode

QExpansionItem API

Loading API...
Please wait...