Vue JS, поддерживающий маршрут при соединении с вложенными маршрутами

Question

Если компонент A - это мое приложение, и у меня есть маршрут, который сопоставляется с компонентом B. Затем компонент В имеет маршрутизатора вид в нем, что я хотел бы, чтобы иметь возможность переключаться между компонентом C и компонента D .

Когда я соединяю к компоненту C или D он работает, но он снова делает весь маршрут, так B оказывается снова и я прокручивается к вершине.

Каков наилучший способ приблизиться к этому? Вложенные приложения? Или есть способ связать с ним подпрограмму, сохраняя часть маршрута, которая не изменяется без изменений и не полностью обновляет ее. Поэтому в идеале просто часть веб-страницы отображается и маршрут изменяется.

Answer 1

Компонент B не должен быть повторно чертежа при перемещении между C и D, если вы установите canReuse ложь: http://vuejs.github.io/vue-router/en/pipeline/can-reuse.html

Если вас прокручивается к вершине это, вероятно, потому, что, когда содержание C или D исчезает, высота сайта сводится только к заголовку и, таким образом, автоматически прокручивается. Вы можете попробовать сделать компонент B height:100%, чтобы он не сжимался.

Редактировать: вложенные маршруты фактически решают эту проблему. Таким образом, вы никогда не фактически повторно маршрутизации B, вы просто навигации в пределах subroutes от B:

'/:param_one': { 
    component: require('./RouteOne.vue'), 
    name:'RouteOne', 
    subRoutes:{ 
     '/:param_two':{ 
      component:require('./views/Dashboard/OtherRoute.vue'), 
      name:'OtherRoute' 
     } 
    } 
}