Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

529
Vistas
Vue: carga todos los componentes dinámicos una vez antes de renderizar

Estoy trabajando en un formulario vue complejo, donde estoy usando componentes dinámicos para representar varias partes del formulario. Usando y , primero representa la sección predeterminada, luego las secciones respectivas cuando hago clic en pestañas específicas. Tengo que comenzar desde la pestaña "Enviar desde", pero algo en la pestaña "Especificación de la etiqueta" depende de la sección Comprar desde (ver imagen a continuación). Así que puedo resolver el problema mostrando primero la sección "Especificación de etiqueta". Pero mi requisito es comenzar desde la sección "Enviar desde". Entonces, tengo que precargar todos los componentes dinámicos o comenzar en Label Spec y luego cambiar rápidamente antes de que el usuario pueda verlo. ¿Cómo puedo resolver el problema? aquí está el código para pestañas y componentes:

 <button v-for="(tabname, index) in tabnames" v-bind:key="index" v-bind:class="['tab-button', { active: currentTabIndex === index }]" v-on:click=" currentTab = tabs[index]; currentTabIndex = index; " > <h3> <b>{{ tabname }}<span class="text-danger">* </span></b> </h3> </button> <keep-alive> <component v-bind:is="currentTabComponent" v-bind="currentProps" class="tab" @jsonresponse=" saveSection(Object.keys(currentResponse)[0], ...arguments) " ></component> </keep-alive>
Aquí está img de mi trabajo

ingrese la descripción de la imagen aquí

about 4 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

Use v-for + v-show sin keep-alive o puede crear su propia implementación con carga diferida.

about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda