Vuetify.js 如何从与'；价值'；在Vuetify中自动完成？

如何在Vuetify Autocomplete中搜索

raw

而不是foo`

<v-autocomplete
  v-model="myvar"
  :items="myitems"
  item-value="foo"
  item-text="bar"
/>

---

使用v-autocomplete的项目槽来显示条形图文本，但对项目文本使用raw，如我的示例所示：

<v-autocomplete
    v-model="myvar"
    :items="myitems"
    item-value="foo"
    item-text="raw"
>
    <template slot="item" slot-scope="{item}">
       {{item.bar}}
    </template>
</v-autocomplete>

{{item.bar}

您需要使用过滤器

创建如下方法：

filterValues(item, queryText) {
  const searchText = queryText.toLowerCase();
  const fields = [item.someValue, item.someOtherValue];
  return fields.some(
    f => f != null && f.toLowerCase().includes(searchText)
  );
}

filterValues(item, queryText) {
  const searchText = queryText.toLowerCase();
  const fields = [item.someValue, item.someOtherValue];
  return fields.some(
    f => f != null && f.toLowerCase().includes(searchText)
  );
}