ActiveButtonGroup 活動按鈕組
ActiveButtonGroup 是一個提供類似標籤頁切換的按鈕組件,特點是當切換時有平滑的過渡動畫。
基本用法
最基本的活動按鈕組使用方式,類似於切換標籤頁。
All Tasks
Showing all tasks in your list.
更多示例
ActiveButtonGroup 的其他使用示例,包括禁用按鈕等。
Disabled Button Example
API
ActiveButtonGroup Props
屬性名 | 說明 | 類型 | 默認值 |
---|---|---|---|
modelValue | 當前選中按鈕的值(支持 v-model 雙向綁定) | string | — |
defaultValue | 默認選中按鈕的值 | string | — |
ActiveButtonGroup Events
事件名 | 說明 | 回調參數 |
---|---|---|
update:modelValue | 當選中按鈕變化時觸發,用於 v-model | (value: string) => void |
change | 當選中按鈕變化時觸發 | (value: string) => void |
ActiveButtonItem Props
屬性名 | 說明 | 類型 | 默認值 |
---|---|---|---|
value | 按鈕的值(必須) | string | — |
disabled | 是否禁用此按鈕 | boolean | false |
ActiveButtonItem Slots
插槽名 | 說明 |
---|---|
default | 按鈕的內容 |