Vue.js Vuetify autocomplete不显示包含多个搜索词的建议

当我使用Vuetify

和我的API进行搜索时，

mytext

和

myvalue

只有在编写类似

FOO

的单词时才会正确更新并显示在建议中，如果我编写类似

FOO BAR

的字符串，则使用

console.log（response.data）获得正确的结果

在API调用方法中，但在

的建议中我什么也没有得到

：

<v-autocomplete
  v-model="select"
  :loading="loading"
  :items="items"
  item-text="mytext"
  item-value="myvalue"
  :search-input.sync="search"
  hide-no-data
  hide-details
  label="My Autocomplete"
>
  <template v-slot:item="data">
    <v-list-item-content>
      <v-list-item-title v-html="data.item.mytext"></v-list-item-title>
      <v-list-item-subtitle
        v-html="data.item.myvalue"
      ></v-list-item-subtitle
    ></v-list-item-content>
  </template>
</v-autocomplete>

:filter="() => true"

：

<v-autocomplete
  v-model="select"
  :loading="loading"
  :items="items"
  item-text="mytext"
  item-value="myvalue"
  :search-input.sync="search"
  hide-no-data
  hide-details
  label="My Autocomplete"
>
  <template v-slot:item="data">
    <v-list-item-content>
      <v-list-item-title v-html="data.item.mytext"></v-list-item-title>
      <v-list-item-subtitle
        v-html="data.item.myvalue"
      ></v-list-item-subtitle
    ></v-list-item-content>
  </template>
</v-autocomplete>

:filter="() => true"

导出默认值{
数据（）{
返回{
选择：空，
加载：false，
项目：[]，
搜索：空
}
},
观察：{
搜索（val）{
console.log（'search:'+val）
val&&val！==this.select&&this.query（val）
}
},
方法：{
异步查询（v）{
这是真的
等着瞧吧。$axios
.get（'/api/foo'{
参数：{
搜索：这个。搜索
}
})
。然后（（响应）=>{
console.log（response.data）
this.items=response.data
})
.catch（（错误）=>{
console.log（错误）
})
.最后（（）=>{
此参数为0。加载=错误
})
}
}
}

---

搜索

变量似乎链接到了

项目

变量。

我最后通过将此道具添加到

中修复了它：

<v-autocomplete
  v-model="select"
  :loading="loading"
  :items="items"
  item-text="mytext"
  item-value="myvalue"
  :search-input.sync="search"
  hide-no-data
  hide-details
  label="My Autocomplete"
>
  <template v-slot:item="data">
    <v-list-item-content>
      <v-list-item-title v-html="data.item.mytext"></v-list-item-title>
      <v-list-item-subtitle
        v-html="data.item.myvalue"
      ></v-list-item-subtitle
    ></v-list-item-content>
  </template>
</v-autocomplete>

:filter="() => true"

---

将

更改为

@Mohsen我收到此错误消息：

类型错误：无法读取未定义的属性“item”