Fix: Usar slot #body en lugar de slots personalizados por muestra
Some checks failed
build-and-deploy / build-and-deploy (push) Has been cancelled
Some checks failed
build-and-deploy / build-and-deploy (push) Has been cancelled
- Simplificar uso de slots del accordion usando #body para el contenido - Remover v-for innecesario en templates de slots - Remover propiedad slot de accordionItems - Esto permite que el contenido se renderice correctamente cuando se expande el accordion
This commit is contained in:
@@ -141,12 +141,8 @@
|
|||||||
/>
|
/>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<!-- Body con FormularioMuestra para cada item -->
|
<!-- Body con FormularioMuestra -->
|
||||||
<template
|
<template #body="{ item }">
|
||||||
v-for="muestra in sesionActiva.muestras"
|
|
||||||
:key="`content-${muestra.muestraId}`"
|
|
||||||
#[`muestra-${muestra.muestraId}`]="{ item }"
|
|
||||||
>
|
|
||||||
<CataFormularioMuestra
|
<CataFormularioMuestra
|
||||||
:muestra="item.muestra"
|
:muestra="item.muestra"
|
||||||
:tab-activa="tabActiva"
|
:tab-activa="tabActiva"
|
||||||
@@ -214,10 +210,9 @@ const accordionItems = computed(() => {
|
|||||||
if (!sesionActiva.value) return []
|
if (!sesionActiva.value) return []
|
||||||
|
|
||||||
return sesionActiva.value.muestras.map((muestra) => ({
|
return sesionActiva.value.muestras.map((muestra) => ({
|
||||||
label: '', // Usaremos slot personalizado para el contenido
|
label: '', // Usaremos slot #default para el contenido del header
|
||||||
value: `muestra-${muestra.muestraId}`,
|
value: `muestra-${muestra.muestraId}`,
|
||||||
slot: `muestra-${muestra.muestraId}`,
|
muestra: JSON.parse(JSON.stringify(muestra)) as Muestra, // Datos extra para el template
|
||||||
muestra: JSON.parse(JSON.stringify(muestra)) as Muestra, // Datos extra para el template (clonado profundo)
|
|
||||||
}))
|
}))
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user