v-select
似乎只显示数组中的 20 个元素,即使数组(人员)有 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
选项可用于增加该数字?
最佳答案
将 menu-props="auto"
属性传递给 v-select
修复了这个问题。
<v-select
...
menu-props="auto"
>
关于vue.js - v-select vuetify 最大元素数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59773205/