為何捐款
API 瀏覽器
按鈕切換

QBtnToggle 元件是用戶輸入的另一個基本元素,類似於 QRadio,但使用按鈕。您可以使用它來為用戶提供從多個選項中選擇一種選項的方式。

載入 QBtnToggle API 中...

用法

基本

基本



設計

提示

由於 QBtnToggle 使用 QBtn,您可以使用 QBtn 的設計相關 props 來設定此元件的樣式。

一些設計範例



水平展開



自訂內容

下方的第一個 QBtnToggle 在每個按鈕上都有工具提示。第二個 QBtnToggle 自訂了內容。請注意 options Object 定義中的 slot prop。當您使用此 slot prop 時,您不需要 options 中的 label / icon props。

自訂按鈕內容



停用和唯讀

停用和唯讀



原生表單提交

當處理具有 actionmethod 的原生表單時(例如,當將 Quasar 與 ASP.NET controllers 一起使用時),您需要在 QBtnToggle 上指定 name 屬性,否則 formData 將不包含它(如果應該包含)- 所有值都將轉換為字串(原生行為,因此請勿使用 Object 值)。

原生表單