Vue js props 值未定义

Question

我对 props 的理解可能有误，但我似乎无法将 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);
    }
  }
}

我的 /accounts 视图已成功更改为 /account/{username}，但一旦在组件上，值 this.username 只返回未定义的值。

Answer 1

更新您的路线：

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

收件人：

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