mirror of
https://git.hmsn.ink/kospo/svcm/oa.git
synced 2026-03-20 07:03:41 +09:00
1.9 KiB
1.9 KiB
disabledOptions, disabledValue
| disabledOptions | disabledValue | ||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
|
Disabled Option
<Multiselect /> options can be disabled. Simply pass a disabled property
in your options object.
<script setup lang="ts">
const disabledValue = ['batman']
const disabledOptions = [
{ value: 'batman', label: 'Batman' },
{ value: 'robin', label: 'Robin', disabled: true },
{ value: 'joker', label: 'Joker' },
]
</script>
<template>
<VField v-slot="{ id }">
<VControl>
<Multiselect
v-model="disabledValue"
:attrs="{ id }"
mode="multiple"
:options="disabledOptions"
placeholder="Select options"
/>
</VControl>
</VField>
</template>