Значение Vue js props не определено

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

Маршрут:

{
  path: '/account/:username',
  name: 'acccount',
  component: Account
},

Маршрутизатор-ссылка на компонент:

<router-link class="btn btn-warning margin-bottom-20" :to="{ name: 'acccount', params: {username: user.username}}">Edit</router-link>

Составная часть:

export default {
  name: 'account',

  props: ['username'],

  computed: {
    user() {
      return this.$store.getters.getUser(this.username);
    }
  }
}

Представление My / accounts успешно меняется на / account / {username}, но однажды в компоненте значение this.username не возвращает ничего, кроме undefined.

Это отладчик vue devtools:


person Pedro Mauricio    schedule 12.03.2017    source источник


Ответы (1)


Обновите свой маршрут:

{
  path: '/account/:username',
  name: 'acccount',
  component: Account
}

To:

{
  path: '/account/:username',
  name: 'acccount',
  component: Account,
  props: true
}
person Andre Sardo    schedule 12.03.2017