vue.js - v-select vuetify 最大元素数
问题描述
似乎v-select
只显示了数组中的 20 个元素,即使数组 (persons) 有 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"
>
推荐阅读
- java - 无法从 ProcessBuilder 使用 Bash 的“-i”选项
- excel - 如何将期末余额从一张表结转到新创建表的期初余额
- css - 为什么减小字体大小会增加行距?
- angular - Angular (Angular 2/6) - 单元测试外部库
- c++ - 找出四个 10 的所有表达式
- c - 为什么要随机输出,而不是 C 中的输入?
- c++ - 在我的自动售货机 c++ 程序中选择项目的问题
- python-3.x - 如何在 spaCy 中使用生成器对象?
- json - 版本 Visual Studio Code 2.18 调试器错误
- android - ProgressDialog 显示时间 - Android 工作室