Передача нескольких реквизитов в компонент Vue на маршруте (vue-router)

1

Gurus,

У меня есть дочерний компонент VueJS который я запускал следующим образом и отлично работает -

<app-shopping :categories="categories" :imageList="imageList">

Теперь я хочу добавить отдельный маршрут для этого, но я не уверен, как передать categories и реквизиты imageList в декларации маршрута. Я делаю это -

import appShopping from '../components/AppShopping.vue';
export const routes = [
  { path: '/',
  component: appShopping,
  props: true,
},
];

Может ли кто-нибудь сказать мне, как мне передать реквизит из родительского компонента в этот компонент? Спасибо за вашу помощь

EDIT: ДОБАВЛЕНИЕ К ВОПРОСУ Как продлить решение, если мои маршруты состоят из разных компонентов, каждый из которых имеет собственный набор реквизитов, передаваемых от родителя?

EDIT 2: ДОБАВЛЕНИЕ ДАЛЬНЕЙШЕЕ В то время как решение, приведенное ниже, работает, кажется, излишне пропускает не требуемые реквизиты для дочерних компонентов. Например, он передает категории и реквизиты imageList ко всем компонентам, которые являются частью маршрута. Есть ли выход из этого? Или это требует другого подхода к управлению государством, например, Vuex?

Спасибо.

  • 0
    @ Берт, это правильный ответ, я только что обнаружил это сам. Опубликуйте это как ответ, чтобы я мог проголосовать за него
Теги:
vue-router
vuejs2

1 ответ

2
Лучший ответ

Вы можете передать свойства в представлении router-view.

<router-view :categories="categories" :imageList="imageList"></router-view>

Ещё вопросы

Сообщество Overcoder
Наверх
Меню