在输入vuetify之前，不要在v-autocomplete中显示选项

Question

我目前有一个v-autocomplete组件，但是一旦用户单击搜索，它就会展开并显示所有可用项目。我希望仅在输入后才显示项目列表。有太多可用的项目，并且不希望用户立即查看所有项目。另外，如果有一种方法可以将其限制为仅显示与用户输入匹配的前5位。

c

Answer 1

之所以在初始化时（单击为空时）显示所有项目是因为您正在使用getTopics立即设置这些项目，因此您需要在该功能中执行的检查是

<v-autocomplete class="vtext"
...
@input="handleInput"
if (inputModel){ //get the topics}
else { return []}

就仅获得前5个结果而言，再次在相同的函数中进行操作：

if (inputModel){
// do search
return results.slice(0,5)}