v-select vuetify максимальное количество элементов - PullRequest
Новая
       19

v-select vuetify максимальное количество элементов

2 голосов
/ 16 января 2020

Кажется, что v-select показывает только 20 элементов из массива, хотя массив (people) имеет 22 из них, но если я использую автозаполнение, я вижу эти 2 пропущенных человека в списке, поэтому они фактически не отображаются, пока я не начну искать использование автозаполнения. Код выглядит следующим образом: 

<v-select
  :items="persons"
  v-model="model.persons"
  label="Persons:"
  item-text="name"
  item-value="id"
  multiple
  chips
  max-height="auto"
  autocomplete
>
  <template slot="selection" slot-scope="data">
    <v-chip
      :selected="data.selected"
      :key="JSON.stringify(data.item)"
      close
      class="chip--select-multi"
      @input="data.parent.selectItem(data.item)"
    >
       {{ data.item.name }}
    </v-chip>
  </template>
  <template slot="item" slot-scope="data">
    <template v-if="typeof data.item !== 'object'">
      <v-list-tile-content v-text="data.item"></v-list-tile-content>
    </template>
    <template v-else>                       
      <v-list-tile-content>
        <v-list-tile-title v-html="data.item.name"></v-list-tile-title>
      </v-list-tile-content>
    </template>
  </template>
</v-select>

Можно ли использовать v-select для увеличения этого числа?

1 Ответ

2 голосов
/ 10 февраля 2020

Передача menu-props="auto" реквизита v-select устраняет проблему. 

<v-select
  ...
  menu-props="auto"
>
...