Digamos que tengo un componente vue que puede almacenar múltiples opciones desde un autocompletado basado en la búsqueda de API.
Se parece mucho a este, pero el modelo (que creo que representa las entradas seleccionadas) es una matriz y v-autocompletar tiene la opción múltiple. https://vuetifyjs.com/en/components/autocompletes/#api-search
aqui esta el codepen que edite https://codepen.io/cesarbonadio/pen/bGYLMGa?editors=1010
El problema es que no puedo hacer que funcione cuando trato de precargar datos ya persistentes en ese componente.
lo que hago actualmente :
Paso los datos a través de un accesorio, luego los mapeo y los asigno a la propiedad de modelo del componente.
El problema es que, en primera instancia, las opciones seleccionadas no aparecen, solo cuando realizo la búsqueda dentro del autocompletado, lo que hace que la cadena de búsqueda se actualice.
si inicializo la cadena de búsqueda como search: "", entonces funciona, realiza una búsqueda con la cadena de búsqueda vacía, obteniendo todos los elementos que coinciden con "" (en otras palabras, todos ellos). Este es un mal rendimiento y no es ideal porque tengo como 8 o 9 autocompletados dentro del mismo componente principal.
¿Qué puedo hacer para mostrar las opciones seleccionadas sin forzar la búsqueda vacía?