Как сделать placeholder на SELECT?

Question

[ceeed]

Я не понимаю как мне сделать placeholder на select. Нашел пример который в коде, но он не работает.

<vSelect
        class="select_change select-gradient"
          v-model="selectedDirection"
          :options="directionOptions"
          @input="setDirection"
        >
        <option class="select__placeholder" value="" disabled selected>Выберите из списка</option>
        </vSelect>

Answer 1

[0xD34F]

Добавьте в компонент слот:

<slot name="placeholder"></slot>

Соответственно, при использовании компонента можете что-то в этот слот передать:

<template #placeholder>
  <option value="" disabled>давай, выбирай</option>
</template>

https://jsfiddle.net/zc53rugL/