Del curso: Vue avanzado 1

Accede al curso completo hoy mismo

Únete hoy para acceder a más de 23.100 cursos impartidos por expertos del sector.

El alcance de un slot

El alcance de un slot

Los 'slot' son un mecanismo que Vue provee para nosotros poder inyectar contenido desde un componente padre a un componente hijo. En este video te voy a explicar cuál es el alcance que tiene el contenido que es inyectado al componente hijo. Para eso vamos a ver este ejemplo. Aquí yo tengo una lista de personas y yo tengo un campo texto que nos permite buscar dentro de esa lista. Cuando hacemos una búsqueda y no hay resultados que mostrar, puedes notar que muestra este mensaje. Cuando yo hago clic en Limpiar filtros, los filtros se eliminan y se muestra toda la lista de personas. Este mensaje es creado e inyectado al componente 'Tabla' a través del 'slot' que se llama 'vacio'. El contenido se encuentra en el componente padre 'App'. Aquí puedes notar que el botón Limpiar filtro se encuentra dentro del 'slot'. Tiene un evento de 'click' que va a llamar una función. Este contenido, por haber sido creado dentro del componente 'App', su "scope" o su alcance está definido dentro de este…

Contenido