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>Use v-for + v-show sin keep-alive o puede crear su propia implementación con carga diferida.