2
0
mirror of https://github.com/tenrok/vue-select.git synced 2026-05-17 02:29:37 +03:00
Files
vue-select/docs/guide/slots.md
Reed Jones 1aef52ade4 Update slots.md (#959)
remove deprecated slot="" scope-slot="" syntax
2019-10-26 11:43:57 -07:00

722 B

::: tip 🚧 This section of the guide is a work in progress! Check back soon for an update. Vue Select currently offers quite a few scoped slots, and you can check out the API Docs for Slots in the meantime while a good guide is put together. :::

Scoped Slot option

vue-select provides the scoped option slot in order to create custom dropdown templates.

<v-select :options="options" label="title">
    <template v-slot:option="option">
        <span :class="option.icon"></span>
        {{ option.title }}
    </template>
  </v-select>

Using the option slot with props "option" provides the current option variable to the template.