下拉按鈕 | Quasar Framework - Quasar 框架

如何貢獻

選項與輔助工具

風格與識別

佈局與網格

Vue 組件

按鈕

按鈕下拉選單

環狀進度條

顏色選擇器

編輯器 - WYSIWYG

浮動操作按鈕

表單組件

輸入文字欄位

檔案選擇器

欄位 (wrapper)

時間選擇器

日期選擇器

無限滾動 (Infinite Scroll)

內部載入 (Inner Loading)

相交 (Intersection)

線性進度 (Linear Progress)

列表 & 列表項目 (List & List Items)

標記表格 (Markup Table)

無伺服器端渲染 (No SSR)

觀察器 (Observers)

尺寸調整觀察器 (針對元素) (Resize Observer (for Element))

滾動觀察器 (Scroll Observer)

分頁 (Pagination)

視差滾動 (Parallax)

彈出式編輯 (Popup Edit)

彈出式代理 (Popup Proxy)

下拉刷新 (Pull to refresh)

評分 (Rating)

響應式 (Responsive)

滾動區域 (Scroll Area)

分隔線 (Separator)

骨架屏 (Skeleton)

滑動項目 (Slide Item)

滑動轉場 (Slide Transition)

載入動畫 (Spinners)

分割器 (Splitter)

步驟器 (Stepper)

標籤頁 (Tabs)

標籤頁面板 (Tab Panels)

時間軸 (Timeline)

工具列 (Toolbar)

工具提示 (Tooltip)

樹狀結構 (Tree)

上傳器 (Uploader)

虛擬滾動 (Virtual Scroll)

Vue 指令 (Vue Directives)

Quasar 插件 (Quasar Plugins)

Vue Composables

安全性 (Security)

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

Quasar CLI (搭配 Webpack)

Icon Genie CLI

應用程式擴展

Quasar 工具

下拉按鈕

QBtnDropdown 是一個非常方便的下拉按鈕。與 QList 作為下拉內容非常搭配，但絕不僅限於此。

如果您正在尋找下拉「輸入」而不是「按鈕」，請改用 Select。

用法

以下範例不適用於 UMD 版本 (Codepen/jsFiddle 亦然)，因為它依賴 Vue Router 的存在。

抓到錯誤了嗎？在瀏覽器中編輯此頁面

1. 簡介

2. QBtnDropdown API

3. 用法