assignment_late
為何捐款
travel_explore
API 瀏覽器
小工具
Vue 組件
Ajax 載入指示條
頭像
徽章
橫幅
Bar
麵包屑
卡片
輪播
聊天訊息
晶片
環狀進度條
色彩選擇器
對話框
編輯器 - 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 組合式函式 (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 請求
向公眾開放開發伺服器
QBtnToggle 元件是用戶輸入的另一個基本元素,類似於 QRadio,但使用按鈕。您可以使用它來為用戶提供從多個選項中選擇一種選項的方式。
載入 QBtnToggle API 中...
用法
基本
基本
設計
提示
由於 QBtnToggle 使用 QBtn,您可以使用 QBtn 的設計相關 props 來設定此元件的樣式。
一些設計範例
水平展開
自訂內容
下方的第一個 QBtnToggle 在每個按鈕上都有工具提示。第二個 QBtnToggle 自訂了內容。請注意 options
Object 定義中的 slot
prop。當您使用此 slot
prop 時,您不需要 options
中的 label
/ icon
props。
自訂按鈕內容
停用和唯讀
停用和唯讀
原生表單提交
當處理具有 action
和 method
的原生表單時(例如,當將 Quasar 與 ASP.NET controllers 一起使用時),您需要在 QBtnToggle 上指定 name
屬性,否則 formData 將不包含它(如果應該包含)- 所有值都將轉換為字串(原生行為,因此請勿使用 Object 值)。
原生表單
發現錯誤了嗎?在瀏覽器中編輯此頁面
1. 簡介
2. QBtnToggle API
3. 用法
3.1. 基本
3.2. 設計
3.3. 自訂內容
3.4. 停用和唯讀
3.5. 原生表單提交
版權所有 © 2015-至今 PULSARDEV SRL, Razvan Stoenescu
本網站由 Dreamonkey Srl 協同設計。