使用属性项文本或另一个属性在 v-autocomplete 中验证搜索？

Question

我有一个待办事项列表，它是一个对象数组，具有属性（id, title, description）我还想在 v-autocomplete 中显示 title 但是当我搜索单词时没问题，但我想要的是搜索description 或 title.
例如：如果我键入 programming，它会向我显示 Read books.

模板

 <v-autocomplete
    v-model="idTodo"
    :items="todos"
    label="search todo..."
    item-value="id"
    item-text="title"
  />

脚本

    visitCategories: [],
    todos: [
      { id: 1, title: "Read books", description: "read books related to programming" },
      {
        id: 2,
        title: "watch tutorials",
        description: "watch tutorials in many platforms like Youtube, Udemy...",
      },
    ],
    idTodo: -1,

Answer 1

解决方法是绑定自定义过滤器。

    <v-autocomplete
    v-model="idTodo"
    :items="todos"
    label="search todo..."
    :filter="filterData"
    item-value="id"
  />

然后在方法属性中定义'filterData'函数。

    methods: {
    filterData(item, queryText) {
      return (
        item.title.toLowerCase().includes(queryText.toLowerCase()) ||  
        item.description.toLowerCase().includes(queryText.toLowerCase())
      );
    }
  }

使用属性项文本或另一个属性在 v-autocomplete 中验证搜索？

Vuetify search in v-autocomplete with property item-text or another property?

javascript

vue.js

vuetify.js

使用 属性 项文本或另一个 属性 在 v-autocomplete 中验证搜索？

Vuetify search in v-autocomplete with property item-text or another property?

javascript

vue.js

vuetify.js

使用属性项文本或另一个属性在 v-autocomplete 中验证搜索？