¿Cómo tener el filtro Vue/Vuetify Autocompletar en dos propiedades?

Ten en cuenta que en las ciencias un problema casi siempere suele tener más de una soluciones, no obstante nosotros aquí te mostramos la mejor y más eficiente.

Solución:

Llega tarde al juego aquí, pero la solución es vincular un filtro personalizado

y luego definir el comportamiento

  methods: 
    filterObject(item, queryText, itemText) 
        item.prop2.toLocaleLowerCase().indexOf(queryText.toLocaleLowerCase()) > -1
      );
    
  

La documentación de v-autocomplete filter prop proporciona un enlace a la implementación predeterminada de ts.

Entonces me di cuenta de que estaba usando la herramienta incorrecta para el trabajo. Mientras leía los documentos, debo haberme perdido la sección sobre Combobox que tiene todo lo que necesito.

De todos modos, cambiando v-autocompletar para v-combobox quitando item-text=”fpartno” y agregar un filtro personalizado le dio a mi componente la funcionalidad que necesitaba.

Aquí está funcionando correctamente:

A continuación se muestra mi código actualizado:

Debido a que el título de la pregunta menciona Autocompletar, no cuadro combinado, no creo que esta respuesta sea suficiente para ser considerada la mejor respuesta. A menos que Autocompletar haya sido la herramienta equivocada todo el tiempo.

Quitar:

item-text="fpartno"

y use:

no-filter="true"

No se te olvide comunicar este ensayo si te fue de ayuda.

---

---

Utiliza Nuestro Buscador