QOptionGroup
元件是一個輔助元件,讓您可以更好地控制二元(開啟或關閉、真或假、1 或 0)表單輸入元件(如複選框、單選按鈕或切換鈕)的分組。這個元件的一個很好的用途是提供一組選項或設定來開啟和關閉。
用法
標準
搭配 QCheckbox 或 QToggle
警告
複選框/切換鈕的模型必須是一個陣列。
使用標籤插槽v2.2+
有兩種插槽類型。一種通用插槽 (label
) 適用於所有選項,除非使用更具體的基於索引的插槽 (label-N
,其中 N 是選項的從 0 開始的索引)。兩種插槽類型都接收各自的選項作為參數。
請注意我們如何為第一個選項(索引 0 的選項)使用特定的標籤插槽,並且我們還添加了 QTooltip。
標籤在左側
行內
緊湊
停用
提示
options
陣列中的物件可以包含在 QToggle、QCheckbox 或 QRadio 中找到的任何 props,例如 disable
或 leftLabel
。請參閱下面的範例。
停用特定選項
強制深色模式
原生表單提交
當處理具有 action
和 method
的原生表單時(例如,當將 Quasar 與 ASP.NET 控制器一起使用時),您需要在 QOptionGroup 上指定 name
屬性,否則 formData 將不會包含它(如果應該包含) - 所有值都轉換為字串(原生行為,因此請勿使用 Object 值)