assignment_late
為何捐款
travel_explore
API 瀏覽器
小工具
Vue 組件
Ajax 載入指示條
頭像
徽章
橫幅
工具列
麵包屑
卡片
輪播
聊天訊息
晶片
圓形進度條
色彩選擇器
對話框
編輯器 - WYSIWYG
展開項目
浮動操作按鈕
圖示 (Icon)
圖片 (Img)
無限滾動 (Infinite Scroll)
內部載入 (Inner Loading)
交集 (Intersection)
旋鈕 (Knob)
線性進度條 (Linear Progress)
列表 & 列表項目 (List & List Items)
標記表格 (Markup Table)
選單 (Menu)
No SSR
分頁 (Pagination)
視差滾動 (Parallax)
彈出式編輯 (Popup Edit)
彈出式代理 (Popup Proxy)
下拉刷新 (Pull to refresh)
評分 (Rating)
響應式 (Responsive)
滾動區域 (Scroll Area)
分隔線 (Separator)
骨架屏 (Skeleton)
滑動項目 (Slide Item)
滑動轉場效果 (Slide Transition)
間距 (Space)
旋轉器 (Spinners)
分割器 (Splitter)
步驟器 (Stepper)
表格 (Table)
標籤頁 (Tabs)
標籤頁面板 (Tab Panels)
時間軸 (Timeline)
工具列 (Toolbar)
工具提示 (Tooltip)
樹狀結構 (Tree)
上傳器 (Uploader)
影片 (Video)
虛擬滾動 (Virtual Scroll)
開發者模式 (developer_mode)
Vue Composables (Vue Composables)
安全性 (security)
安全性 (Security)
建置 (build)
Quasar CLI (搭配 Vite) (Quasar CLI (with Vite))
升級指南 (Upgrade guide)
NEW!
quasar.config 檔案 (The quasar.config file)
將專案轉換為搭配 Vite 的 CLI (Convert project to CLI with Vite)
瀏覽器兼容性 (Browser Compatibility)
支援 TypeScript (Supporting TypeScript)
目錄結構 (Directory Structure)
命令列表 (Commands List)
CSS 預處理器 (CSS Preprocessors)
路由 (Routing)
懶加載 - 代碼分割 (Lazy Loading - Code Splitting)
處理資源 (Handling Assets)
啟動檔案 (Boot Files)
預取功能 (Prefetch Feature)
API 代理 (API Proxying)
處理 Vite (Handling Vite)
處理 process.env (Handling process.env)
使用 Pinia 進行狀態管理 (State Management with Pinia)
使用 Vuex 進行狀態管理 (State Management with Vuex)
Linter
測試與稽核 (Testing & Auditing)
開發行動應用程式
Ajax 請求
開放開發伺服器給公眾
建置 (build)
Quasar CLI (搭配 Webpack)
stars
Icon Genie CLI
note_add
App Extensions
當您需要顯示 QMenu (在大螢幕上) 或 QDialog (在小螢幕上) 時,應使用 QPopupProxy。它作為一個代理,選擇使用這兩個組件中的任何一個。QPopupProxy 也處理上下文選單。
載入 QPopupProxy API...
用法
提示
使用瀏覽器的開發者工具在行動裝置或桌面模式之間切換裝置 (每次變更後請重新整理瀏覽器),或者,實際調整瀏覽器視窗大小,以觀察 QPopupProxy 組件在點擊/輕觸其容器之前,如何在 QMenu 或 QDialog 之間切換。預設的斷點設定為 450 像素。
標準
標準
上下文選單
上下文選單 (滑鼠右鍵 / 長按)
斷點
在下面的範例中,點擊輸入框中的圖示。
斷點 @600 像素
傳遞屬性
請記住,QMenu 和 QDialog 的所有屬性都透過此組件傳遞。因此,諸如 offset
或 transition-show
(僅為示例) 之類的屬性可以與 QPopupProxy 一起使用。
來自 QMenu 或 QDialog 的屬性
警告
QPopupProxy 將某些組件 (QDate、QTime、QCarousel 和 QColor) 視為特殊組件,並強制它們使用 cover: true
和 maxHeight: '99vh'
。如果您不希望出現這種行為,只需將 div
作為 QPopupProxy 的第一層子元素即可。
準備好了解更多了嗎?
發現錯誤了嗎?在瀏覽器中編輯此頁面
1. 簡介
2. QPopupProxy API
3. 用法
3.1. 標準
3.2. 上下文選單
3.3. 斷點
3.4. 傳遞屬性
版權所有 © 2015-至今 PULSARDEV SRL, Razvan Stoenescu
本網站由 Dreamonkey Srl 合作設計