Я пытаюсь добавить автозаполнение в VUE JS. Но это не работает правильно. Выбранное значение 'one' отображается в метке v-select при загрузке страницы, но itemsList не отображается в раскрывающемся списке. Как это исправить?

Select
   <v-select
      v-model="selected"
      :items="itemList"
      :search-input.sync="searchInput"
      autocomplete
   />
data: function () {
            return {
                itemList: ['one', 'two'],
                searchInput: '',
                selected: 'one'
            }
        },
0
Mikel 28 Окт 2019 в 15:58

2 ответа

Лучший ответ

Вы не должны использовать компонент v-select. vuetify имеет свой собственный компонент автозаполнения . создать v-автозаполнение и привязать элементы к вашим данным:

 <v-autocomplete
    label="itemList"
    :items="itemList"
 />

И вот ваши данные сценария:

  data() {
    return {
      itemList: [
        'one', 'two', 'three',
      ],
    };
  }
3
Art Mary 28 Окт 2019 в 18:48

Если вы используете компоненты vuetifyjs, попробуйте перейти по ссылке для автозаполнения

https://vuetifyjs.com/en/components/autocompletes

0
Rakesh kumar 28 Окт 2019 в 13:04
58591392