Как Vue.js различает взгляды маршрутизатора "выглядит" на той же странице - PullRequest
0 голосов
/ 23 октября 2018

Я занимаюсь рефакторингом сайта, используя Vue.js (пока изучаю vue.js).Мой проект Vue2 создан 'vue init webpack my-project'.

Бизнес-логика:

Страница «index» предоставляет кнопку для перехода на страницу «signin»,и «вход» может вернуться назад после отправки.На мой взгляд, должна быть верхняя страница, которая содержит переключение между «index» и «signin».Назовите это как «view1».

«index» имеет панель навигации, которая переключает «page1» и «page2» в области содержимого.На мой взгляд, «индекс» должен содержать в себе.Назовите это как «view2».

Как дисплей «page1», он имеет боковую панель для отображения «content1» и «content2».Таким образом, задействован еще один вид 'view3'.

Ожидание

  1. переключение 'index' и 'signin' в области 'view1'
  2. переключите «page1» и «page2» в область «view2»
  3. переключите «content1» и «content2» в область «view3»

Вопрос

Область региона: view1> view2> view3.Когда отображается «content2», view1 и view2 и view3 должны оба enalbed Я читаю обычный маршрутизатор и встроенный маршрутизатор и именованный маршрутизатор, но пока не имею дизайна.Я не могу понять, как это. $ Router.push ('/ index / page2') может сказать 'view2' переключиться на 'page2' вместо того, чтобы указывать 'view1' или 'view3' что-то делать.Или, может быть, я должен использовать какой-то другой метод для переключения между представлениями?

Спасибо,

1 Ответ

0 голосов
/ 24 октября 2018

Кажется, что дочерние компоненты привязываются только к дочернему маршрутизатору, по крайней мере, работает (пример: jsfiddle.net/keag65tw).Я попробую $ router.push позже.

...