展開項目 | Quasar Framework

為何捐款

API 瀏覽器

如何貢獻

選項與輔助工具

風格與識別

佈局與網格

Vue 元件

按鈕

表單元件

無限滾動 (Infinite Scroll)

內部載入 (Inner Loading)

交叉 (Intersection)

旋鈕 (Knob)

線性進度條 (Linear Progress)

清單 & 清單項目 (List & List Items)

標記表格 (Markup Table)

選單 (Menu)

無伺服器端渲染 (No SSR)

觀察者 (Observers)

調整大小觀察器 (針對元素) (Resize Observer (for Element))

滾動觀察器 (Scroll Observer)

下拉刷新 (Pull to refresh)

滑動過渡 (Slide Transition)

虛擬滾動 (Virtual Scroll)

Vue 指令 (Vue Directives)

Quasar 插件 (Quasar Plugins)

Vue Composable 功能 (Vue Composables)

安全性 (Security)

Quasar CLI (搭配 Vite) (Quasar CLI (with Vite))

Quasar CLI (搭配 Webpack)

Icon Genie CLI

App Extensions

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. 行為