Tengo una lista de tareas pendientes que es una matriz de objetos con propiedades ( id, title, description ). También quiero mostrar el title en v-autocomplete pero cuando busco una palabra, está bien, pero lo que quiero es hacer una búsqueda de description . o title .
Por ejemplo: si escribo programación , me mostrará Leer libros .
Modelo
<v-autocomplete v-model="idTodo" :items="todos" label="search todo..." item-value="id" item-text="title" />Guion
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,La solución es vincular un filtro personalizado.
<v-autocomplete v-model="idTodo" :items="todos" label="search todo..." :filter="filterData" item-value="id" />Y luego defina la función 'filterData' en las propiedades de los métodos.
methods: { filterData(item, queryText) { return ( item.title.toLowerCase().includes(queryText.toLowerCase()) || item.description.toLowerCase().includes(queryText.toLowerCase()) ); } }