Jeff Sagal
223f3a6d85
commit8c3a1b107bAuthor: Jeff Sagal <sagalbot@gmail.com> Date: Fri Jul 15 09:57:37 2022 -0700 bump to vitepress 1.0.0-alpha.4 commit96ff08406cAuthor: Jeff Sagal <sagalbot@gmail.com> Date: Wed Feb 23 10:25:36 2022 -0800 vitepress wip mostly working, feeling like vuepress should still be considered commitf3e22e0439Author: Jeff Sagal <sagalbot@gmail.com> Date: Sat Feb 19 17:18:30 2022 -0800 remove yarn, rename readme commit8cd3bbeb51Author: Jeff Sagal <sagalbot@gmail.com> Date: Sat Feb 19 17:17:22 2022 -0800 install vitepress
1.2 KiB
Selectable Prop
The selectable prop determines if an option is selectable or not. If selectable returns false
for a given option, it will be displayed with a vs__dropdown-option--disabled class. The option
will be disabled and unable to be selected.
selectable: {
type: Function,
/**
* @param {Object|String} option
* @return {boolean}
*/
default: option => true,
},
Example
Here selectable is used to prevent books by a certain author from being chosen. In this case,
the options passed to the component are objects:
{
title: "Right Ho Jeeves",
author: { firstName: "P.D", lastName: "Woodhouse" },
}
This object will be passed to selectable, so we can check if the author should be selectable or not.
<<< @/.vitepress/components/UnselectableExample.vue{6}
Limiting the Number of Selections
selectable can also be used a bit more creatively to limit the number selections that can be made
within the component. In this case, the user can select any author, but may only select a maximum
of three books.
<<< @/.vitepress/components/LimitSelectionQuantity.vue{8}