Передача параметров запроса в vue компоненты через маршрутизатор

Question

Я пытаюсь запустить мое приложение с примером URL-адреса, подобным этому: https://www.example.com/?foo=bar

Я попробовал следующее в моем Vue Router, как описано здесь (https://router.vuejs.org/guide/essentials/passing-props.html#function-mode):

function dynamicPropsFn (route) {
  console.log(route.query.foo) // undefined ??
  return {
    foo: route.query.foo
  }
}

//...
{
  path: "/",
  name: "landing",
  meta : {layout : 'landing'},
  component : Landing,
  props: dynamicPropsFn
},//...

Моя проблема в том, что параметр строки запроса всегда неопределен ...

Буду признателен за любую помощь!

Answer 1

Я создал плункер с вашей функцией и он нормально работает для меня.

[https://codepen.io/anon/pen/moePxK]

Функция выполняется, когда пользователь нажимает на маршрутизатор.