[Vuejs]-Conditionally render Vue Elements or Higher Order Components?

by

0👍

✅

Ok, I figured it out. Trial and error.
I changed the routes variable slightly in the router/index.js and it worked.
If anyone needs this, I’ll leave it here.

For some reason it had an issue on rendering a nameless arrow function but it didn’t actually throw an error in the console.

const routes = [
  {
    path: '/login',
    name: 'login',
    component: Login
  },
  path: '/',
    component: PageContainer,
    children: [ 
      { 
        path: '',
        name: "home",
        component: Home
      },
      {
        path: '*',
        redirect: '/'
      }
    ]
]

Cheers!

Leave a comment