View Switcher

Basic usage

Bind a variable to v-model.

AlexanderBohdan

Disable all items

AlexanderBohdan

Disabling special items

AlexanderBohdanMarianaMykhailoOrestRostislavSashaSerhiiVitaliy
optionsDisable - [{ id: 8, name: 'Serhii' }, { id: 9, name: 'Vitaliy', disabled: true }]

Event change

AlexanderBohdanMarianaMykhailoOrestRostislavSashaSerhiiVitaliy

View Switcher Attributes

AttributeDescriptionTypeAccepted ValuesDefault
model-value / v-modelbinding valuestring | number
disabledwhether the component is disabledbooleanfalse
optionsThe list of optionsString[]/Number[]/Object[]-[]
configThe object that specifies from where to take label,icon,value,key.{ labelKey: string, valueKey: string, iconKey: string, keyKey: string }-{}

View Switcher Events

MethodDescriptionParameters
changereturning option object item