Vue Router: Как передать строку запроса в качестве реквизита для компонента в именованном представлении? - PullRequest
Новая
       1

Vue Router: Как передать строку запроса в качестве реквизита для компонента в именованном представлении?

0 голосов
/ 01 июня 2019

Мое приложение имеет два именованных представления: main и tray.Я пытаюсь передать строку запроса url в качестве реквизита для MainComponent в представлении main, например localhost:8080/?foo=bar.Это не работает.

Мои маршруты: 

routes: [
{
  path: '/:foo',
  name: 'home',
  components: {
    main: MainComponent
  },
  props: {
    main: true,
    tray: false
  }
},
{
  path: '/info',
  name: 'info',
  components: {
    tray: Info
  }
}
]

Я также попытался настроить реквизиты так: 

 props: {
    main: (route) => ({ test: route.params.test }),
    tray: false
  }

И просто как: 

props: true

Я добавил foo в качестве реквизита в MainComponent, но он остается неопределенным.Однако компонент может получить доступ к запросу следующим образом: this.$route.query.foo.Теперь я мог бы добавить параметр и установить его вручную таким образом, но это был бы правильный способ сделать это.

Есть идеи о том, что происходит?

...