vue-select/docs/api/events.md

input

Triggered when the selected value changes. Used internally for v-model.

/**
 * @param val {Object|String}` - selected option.
 */
this.$emit("input", val);

open

Triggered when the dropdown is open.

this.$emit("open");

close

Triggered when the dropdown is closed.

this.$emit("close");

option:selecting

Triggered after an option has been selected, before updating internal state.

this.$emit("option:selecting", selectedOption);

option:selected

Triggered when an option has been selected, after updating internal state.

this.$emit("option:selected", selectedOption);

option:deselecting

Triggered when an option has been deselected, before updating internal state.

this.$emit("option:deselecting", selectedOption);

option:deselected

Triggered when an option has been deselected, after updating internal state.

this.$emit("option:deselected", deselectedOption);

option:created

Triggered when taggable is true and a new option has been created.

/**
 * @param newOption {Object} - created option
 */
this.$emit("option:created", newOption);

search:blur

Triggered when the text input loses focus. The dropdown will close immediately before this event is triggered.

this.$emit("search:blur");

search:focus

Triggered when the text input gains focus. The dropdown will open immediately before this event is triggered.

this.$emit("search:focus");

search

Triggered when the search text changes.

/**
 * Anytime the search string changes, emit the
 * 'search' event. The event is passed with two
 * parameters: the search string, and a function
 * that accepts a boolean parameter to toggle the
 * loading state.
 *
 * @emits search
 */
this.$emit('search', newSearchString, toggleLoading);