Tengo un componente Layout para mis páginas (views), allí tengo que llamar otro componente que tengo específico para hacer un reset de las contraseñas de mis usuarios.
Cuando llamo mi componente desde una vista funciona perfecto:
(La flecha roja es el botón que se crea desde el componente)
Y lo llamo normal:
import ResetPassword from "@/components/ValidateResetPassword";
export default {
components: {
TableBrowsers,ResetPassword
},
}
<ResetPassword v-bind:infoUser="infoReset"></ResetPassword>
y funciona perfectamente.
Ahora quiero llamar este mismo componente desde ese layout que hice, y lo estoy intentado hacer de la misma forma pero desde mi layout, el layout lo tengo ubicado así:
appvue > src > components > layout > DefaultLayout.vue
Y el componente que quiero está en la ruta:
appvue > src > components > ValidateResetPassword.vue
Y lo estoy intentado llamar igual, pero me sale el siguiente rol:
[Vue warn]: Unknown custom element: <ResetPassword> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
found in
---> <DefaultLayout> at src/components/layouts/DefaultLayout.vue
Como ya dije, lo llamo tal cual como en el view:
import axios from "axios";
import ResetPassword from "@/components/ValidateResetPassword";
export default {
components: {
ResetPassword
},
}
Lo llamo en un modal que tengo en el componente y lo llamo tal cual:
<ResetPassword v-bind:infoUser="infoReset"></ResetPassword>
Pero no aparece, donde debería aparecer está en blanco:
El componente no tiene nada raro, el script que tiene es este:
export default {
name: "resetpassword",
data() {return{...}},
props: {
infoUser: {
type: Object,
default: []
}
},
methods: {...},
}
Le coloqué ese name
para ver si se solucionaba pero con o sin ese atributo falla.
Nota: Los ...
que hay en data
y en methods
solo indican que ahí hay contenido pero no es nada relevante para el problema.
../ValidateResetPassword
y no funciona