164
rated 0 times
[
165]
[
1]
/ answers: 1 / hits: 35479
/ 3 Years ago, thu, october 21, 2021, 12:00:00
So I'm trying to redirect user to diffrent route if api call returns status 422. but I'm getting an error
TypeError: Cannot read properties of undefined (reading '$router')
my routes.js:
{
path: '/dashboard',
component: Dashboard,
name: 'Dashboard',
beforeEnter: (to, form, next) =>{
axios.get('/api/authenticated')
.then(()=>{
next();
}).catch(()=>{
return next({ name: 'Login'})
})
},
children: [
{
path: 'documentCollections',
component: DocumentCollection,
name: 'DocumentCollections'
},
{
path: 'document',
component: Document,
name: 'Document'
},
{
path: 'createDocument',
component: CreateDocument,
name: 'CreateDocument'
},
{
path: 'suppliers',
component: Suppliers,
name: 'Suppliers'
},
{
path: 'settings',
component: Settings,
name: 'Settings'
},
]
}
I also have login/register components and when I use
this.$router.push({ name: "DocumentCollections"});
It redirects user without any error. The problem is when I am in children component of dashboard component.
in documentCollections component i have a method:
loadCollections(){
axios.get('/api/documentCollections')
.then((response) => {
this.Collections = response.data.data
this.disableButtons(response.data.data);
})
.catch(function (error){
if(error.response.status === 422){
//here is where the error happens
this.$router.push({ name: "Settings"});
}
});
},
That loads collections but if user has some data set null api return status 422. and I want him to be redirected to Settings component.
(both documentCollection and Settings are child components of Dashboard)
why doesn't this.$router.push work here but works in login/register component?
More From » vue.js
