v-autocomplete-按以输入值开头的值过滤

Question

默认情况下，它会过滤包含输入值的任何值，而不管此输入值的位置如何。

我想按以输入值开头的值进行过滤。

示例：

-值：“苹果”，“ pplea”，“ eapple”

-输入：“ app”

-实际输出：“ apple”，“ pplea”，“ eapple”

-预期输出：“苹果”

是否可以这样做？我在道具里找不到

Answer 1

您可以使用Vuetify提供的filter方法，

所以可以这样使用 <v-autocomplete v-model="select" :items="items" label="Pick a fruit" :filter="getList"></v-autocomplete>

getList方法如下，

getList (item, queryText, itemText) { return itemText.toLocaleLowerCase().startsWith(queryText.toLocaleLowerCase()) }

https://codepen.io/anon/pen/JVQxyZ?editors=1010

希望有帮助！