Vue js 道具值未定义

Question

我对 props 的理解可能有误，但我似乎无法将 prop 传递给组件并检索它的值，因为它总是未定义。

路线：

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

路由器-link到组件：

<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 returns 什么都没有定义。

Answer 1

更新您的路线：

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

收件人：

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

Vue js 道具值未定义

Vue js props value comes undefined

javascript

parameters

vue.js

vue-router

vue-component