Как VUEJS построить многоуровневый(вложенный) роутинг?

Имеется многоуровневая структура
Район->Микрорайоны->Улицы->Дома
Например Район имеет поля:
  • ID
  • alias
  • title
  • microrayons:[]

Микрорайонов может быть несколько и они имеют подобную структуру
  • ID
  • alias
  • title
  • streets:[]

имеется массив/объект улиц, соответсвенно улицы содержат дома и так далее
нужно чтобы открыв район, человек увидел список микрорайонов, кликнув по микрораону - увидел список улиц .....
я сделал отдельные компоненты : Район, Микрорайон, Улица, Дом
и теперь нужно прописать роутинг с вложенными путями
мне хочется чтоб путь выглядел так:
/район/45-микрорайон/11-улица/33-дом
const routes = [
    {path: '/', component: Home},
    {path: '/rayon', component: Rayons,
        children:[
              {path: ':id-microrayon', component: Microrayon,
                    children:[
                          {path: ':id-street', component: Street}
                    ]
              }
          ]
    }
    ];

не работает таким образом, что неправильно?
  • Вопрос задан
  • 1085 просмотров
Решения вопроса 1
kulakoff
@kulakoff Куратор тега Vue.js
Vue.js developing
Возможно косяк в названии динамического параметра, т.е. роут у вас будет находится если задать вот такой урл: /rayon/45/11/33. Т.е. все что после двоеточия он воспринимает как динамически параметр.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы