Estoy tratando de pasar información a través de ranuras y sigo recibiendo un error,
'Las ranuras con nombre deben usar '' en un elemento personalizado.'
Vea a continuación mi código.
<template> <div> <h3>Home</h3> <User v-slot:user="{ user }"> <template> <div v-if="user"> <p>Logged-in as {{user.uid}} </p> <!-- PASS USER STATE AS PROP --> <UserProfile :user="user"/> <ChatList :uid="user.uid"/> </div> <Login v-else/> </template> </User> </div> </template>Me sale un error en la siguiente línea.
<User v-slot:user="{ user }">Según los nombres de sus componentes, sospecho que el componente User contiene la ranura "usuario".
La v-slot debe estar en una <template> dentro de las etiquetas <User> :
<User> 👇 <template v-slot:user="{ user }"> <div v-if="user"> <p>Logged-in as {{ user.uid }}</p> </div> <Login v-else /> </template> </User>