Skip to content

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是否禁用此按鈕booleanfalse

ActiveButtonItem Slots

插槽名說明
default按鈕的內容

Released under the MIT License.