Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

138
Views
Precargar elementos ya seleccionados en vue multiple-autocompletar

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?

about 4 years ago · Juan Pablo Isaza
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!