mirror of
https://github.com/tenrok/vue-select.git
synced 2026-06-07 07:12:23 +03:00
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
23 lines
950 B
Markdown
23 lines
950 B
Markdown
## Default Dropdown Behaviour
|
|
|
|
By default, the dropdown will open anytime the underlying search input has focus. The dropdown will
|
|
open when clicked, or when it has received focus when tabbing through inputs.
|
|
|
|
## Customizing Dropdown Behaviour <Badge text="v3.12.0+" />
|
|
|
|
The `dropdownShouldOpen` prop allows for full customization of the open/close behaviour. The prop
|
|
accepts a `function` that should return a `boolean` value. The returned boolean value will be used
|
|
to determine if the dropdown should be `open`/`true` or `false`/`closed`. The function receives the
|
|
instance of the component as the only argument.
|
|
|
|
#### Example: Open the dropdown when search text is present
|
|
---
|
|
|
|
In this example, we will wait to show the dropdown until the user has started typing. However, if a
|
|
country has already been selected, we will display the dropdown right away.
|
|
|
|
<OpenWhenSearchTextPresent />
|
|
|
|
<<< @/.vitepress/components/OpenWhenSearchTextPresent.vue
|
|
|