Vue.js Несколько независимых маршрутов - PullRequest
Новая
       10

Vue.js Несколько независимых маршрутов

0 голосов
/ 23 ноября 2018

Описание:

Я создаю электронное приложение Vue.js со значком настроек, который всегда виден.Как только пользователь щелкнет по этому значку, появится модальное окно настроек.Это всплывающее окно содержит собственную навигацию / router-links.

Вопрос:

Можно ли перемещаться только по определенному имени router-view без фактической навигации по основному router-view

Например, Angular thisможно было бы сделать с помощью outlet prop: 

path: 'settings-general',
outlet: 'settingsOutlet',
component: SettingsGeneralComponent

Но в Vue все, что я мог найти, было что-то вроде приведенного ниже фрагмента, который перемещает основной router-view в ничего 

path: '/settings-general',
name: 'settings-general',
components: {
  // default: This should just keep the current loaded component
  settingsOutlet: require('@/components/SettingsGeneral').default
}

Ниже моя текущая конфигурация Маршрутизатора: 

export default new Router({
  routes: [
    {
      path: '/',
      name: 'login-page',
      component: require('@/components/LoginPage').default
    },
    {
      path: '/home',
      name: 'home-page',
      component: require('@/components/HomePage').default
    },
    {
      path: '/settings',
      name: 'settings-page',
      components: {
        settingsRouter: require('@/components/SettingsPage').default
      }
    },
    {
      path: '*',
      redirect: '/'
    }
  ]
})
...