useSelection composable

Basic

Selected: undefined

useSelection allows you to create v-model like binding for a group.

You can use multi property to enable selecting multiple values from options.

:::code DemoUseSelectionBasic <<< ../../../examples/demos/composables/UseSelectionBasic.vue{6-9} :::

::::

Indexed

Selected: undefined

You can also create options without predefined value. Pass any positive number to options property and it will create index based options.

:::code DemoUseSelectionIndexed <<< ../../../examples/demos/composables/UseSelectionIndexed.vue{4} :::

::::

Object

Home

Categories

Cart

Profile

Selected:

description

:::code DemoUseSelectionObject <<< ../../../examples/demos/composables/UseSelectionObject.vue{4-11} :::

::::

Initial Value

Selected: banana

You can set initial value for selection by passing it to initialValue property.

::::code DemoUseSelectionInitialValue <<< ../../../examples/demos/composables/UseSelectionInitialValue.vue ::::

INFO

useSelection will watch for changes in initialValue and update selection.