unable to get to router-view

Please help, it seems my Vue2 Application will not get into my

<div class="course flexbox flexbox-justify-center flexbox-align-center" :aria-hidden="isHidden()" v-if="$store.state.showSplash === false" >
        <keep-alive>
          <p>Route path: {{ $route.path }}</p>
          <router-view :key="$route.path" default="/menu"/>
        </keep-alive>
      </div>

But all I see is:

Route path: /menu

Please help

tykus

3 years ago

Level 104

What are you expecting should happen?

boyjarv

3 years ago

Level 7

@tykus it should load the menu component Menu:

switch(store.state.courseContent.menu._type) {
      case 'tiles':
        menuComponent = 'Menu';
        break;
      case 'pages':
        menuComponent = 'PageMenu';
        break;
    }
    console.log('menucompo1: ', menuComponent);
    routes.push({
      path: '/menu',
      name: 'menu',
      component: () =>
        import('../views/' + menuComponent + '.vue'),
    });
		```

tykus

3 years ago

Level 104

@boyjarv so it should be a :name attribute; not :key?

Please or to participate in this conversation.