Использовать Vue router для установки переменных вместо видимости компонента? - PullRequest
Новая
       6

Использовать Vue router для установки переменных вместо видимости компонента?

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

Я хочу использовать параметры URL для установки переменных в моем приложении Vue.Я думал, что vue-router будет полезен для этого, но, похоже, все сделано для того, чтобы показать / скрыть компоненты внутри компонента router-view.

Я рассматриваю возможность использования одного компонента без шаблона в представлении маршрутизатора для установки переменных следующим образом: 

export default new Router({
  routes: [
    {
      path: '/preferences',
      name: 'Preferences',
      component: Navigator,
      props: { preferencesVisible: true }
    },
    {
      path: '/info',
      name: 'Info',
      component: Navigator,
      props: { infoVisible: true, preferencesVisible: false }
    }
  ]
})

Таким образом, я мог бы добавить дополнительную логику, которая будет определять, какие компонентывидимые, а также другие вещи (например, параметры приложения, которые можно передавать по ссылкам).

Есть ли причины не использовать vue-router таким образом?Есть ли лучшие решения для достижения этой цели?

1 Ответ

0 голосов
/ 01 декабря 2018

Мой вопрос был основан на плохом понимании того, что делает VueRouter.Нет необходимости добавлять дополнительный компонент навигатора, как я предложил.

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

...