Scoped Slot option

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

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

Using the option slot with slot-scope="option" gives the provides the current option variable to the template.

See the Pen by sagalbot (@sagalbot) on CodePen.

results matching ""

    No results matching ""