Skip to main content
V-Select

[Solved] Vuetify V-Select Not Showing Placeholder/Label

By January 9, 2022July 7th, 2022No Comments

The problem: V-select was not showing the placeholder.

The solution is easy but nearly impossible to know at first.

1
<v-select v-model="topic" :items="topicForJS" label="Select Topic" outlined="" persistent-placeholder="" placeholder="Select Topic" :error-messages="topicErrors"></v-select>

The

1
persistent-placeholder
in combination with the
1
placeholder
does the trick.

V-select now displaying the placeholder text.

Perhaps this applies on v-autocomplete as well?

Recommended For You

VuetifyV-dialog All Learnings for v-dialog

All Learnings for v-dialog

priyankmaniar
priyankmaniarMarch 4, 2022
Food for thought We hired a new employee

We hired a new employee

priyankmaniar
priyankmaniarFebruary 22, 2013
Regular Expressions Regular Expressions

Regular Expressions

priyankmaniar
priyankmaniarFebruary 16, 2019