v-select 过滤的个性化

Question

我在Vue 2中使用v-select包

我想自定义过滤 v-select 以返回以输入文本开头的行（默认搜索返回包含输入文本的每一行）。 我知道我必须将过滤器对象绑定到它，但我不知道具体该怎么做。 包的文档中，选项过滤部分有解释，但我没看懂

Answer 1

<template>
  <v-select
    v-model="selectedItem"
    :items="items"
    :filter="customFilter"
  ></v-select>
</template>

<script>
export default {
  data() {
    return {
      selectedItem: null,
      items: [
        'Apple',
        'Banana',
        'Cherry',
        'Date',
        'Elderberry'
      ]
    };
  },
  methods: {
    customFilter(item, queryText, itemText) {
      const searchText = queryText.toLowerCase();
      const itemLowerCase = itemText.toLowerCase();
      return itemLowerCase.startsWith(searchText);
    }
  }
};
</script>

尝试一下。