Slots

Slot

Scope

Description

option

option, index, select

Allows to provide custom template for the options in the dropdown list.

selected

option, index, select

Template for the selected options in the dropdown list.

both

option, index, select

Template for both option and selected slots. Use when you want to provide similar templates for the selected options and those in the dropdown.

beforelist

select

Add content before options in dropdown list

afterlist

select

Add content after options in dropdown list

spinner

select

Add content to spinner element

Where scope properties are :

  • option - VSelectOption instance

  • select - the vSelect instance

  • phrase - the phrase in the input

If the template you provide for option or selected or both slots contains only one root element it will replace the default root element for these slots. This way you may have complete control over the used tag, classes and attributes.

You can add your own slots by modifying the Layout component.

Last updated