v-select doesn't have a placeholder

[bartoszmagier]

Steps to reproduce

Set up placeholder prop on v-select

Versions

0.14.8

What is expected?

Placeholder should be visible like in v-text-field.

What is actually happening?

Placeholder is missing.

Reproduction Link

https://codepen.io/bartoszmagier/pen/MvzgGG

[flybayer]

In the documentation, placeholder is a prop for v-select, but it's not actually working for me.

[johnleider]

When creating an issue you should be provided with boilerplate for the ticket. This is important for myself and others to properly address your issue. Please reopen this with the required information, thank you.

[Lirt]

There is actually a typo and placeholder is placholder (Props - https://vuetifyjs.com/components/selects). But it is not working for me either.

[bartoszmagier]

@johnleider Please reopen the issue.

[Lirt]

Currently I am able to setup default values (placeholders ) with this sample code https://codepen.io/anon/pen/vJQYOy. So setting v-model to some data variable and changing it for example in mounted works fine. Note that item you are setting as default must exist in items bind.

When I tried to use placeholder/placholder instead of model as in @pelek sample, it does not work - https://codepen.io/anon/pen/GvwgYa

The way this can be the most usable in my opinion is if we can use computed value or vuex getter in placeholder argument. Or second option if we were able to use computed value or vuex getter in v-model (not sure if this is not against vue architecture).

The reason is we can get placeholder value from complex nested objects located in vuex store or wherever.

Example use

template:

<v-select
  v-bind:items="selector-items"
  label="Item selector"
  placeholder="getSelectorPlaceholder"
></v-select>

script:

data () {
  return {
    selector-items: [{
      'text': 'item1',
      'value': '1'
      }, {
      'text': 'item2',
      'value': '1'
      }
    ],
    placeholderItem: '2' //find value in selector items
  }
}
computed: {
  getSelectorPlaceholder: function () {
    return this.placeholderItem
  }
}

[Lirt]

Thank you John 👍

[lock]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs. Please direct any non-bug questions to our Discord