vuetify.jsv-select

v-select multiple display text if empty selection

I have this <v-select multiple persistent-placeholder></v-select> component and I would like to display some custom content if selection is empty, like No entry selected yet.

Is there any chance I can achieve this? I looked at props and slots but none seem to fit my need. I tried the no-data named slot but did not work.

Thanks

Solution

  • Looks like the best approach with the current vuetify version is to use the placeholder as you mention in the comments. Check this codepen I made: https://codepen.io/cmfc31/pen/GROyQMa

    I just added some css to make it look like an item

    .no-entries input::placeholder {
    color: #212121 !important;
}

    Demo