Vue-Routeur transmettre des Données avec les Accessoires

Je vais avoir du mal à passer les accessoires à l'aide de Vue-Routeur. Je semble ne pas être en mesure d'accéder à la des accessoires quand je les amener dans la vue suivante. C'est mes méthodes de l'objet:

methods: {
    submitForm() {
      let self = this;
      axios({
        method: 'post',
        url: url_here,
        data:{
          email: this.email,
          password: this.password
        },
        headers: {
          'Content-type': 'application/x-www-form-urlencoded; charset=utf-8'
        }
      }).then(function(response) {
        self.userInfo = response.data;
        self.$router.push({name: 'reading-comprehension', props: {GUID:self.userInfo.uniqueID }});
      })
   }
}

La requête post est au travail, mais quand j'essaie de route à un nouveau composant et passer dans un des accessoires pour accéder à l'élément suivant, dit-il,

De la propriété ou de la méthode "guid" n'est pas défini sur l'instance, mais
référencé au cours de rendu. Assurez-vous de déclarer réactif de données
propriétés de l'option data.

Par ailleurs, le composant que je suis de routage à ressemble à ceci:

<template lang="html">
  <div class="grid-container" id="read-comp">
    <div class="row">
      <h1>Make a sentence:</h1>
      {{ GUID }}
    </div>
  </div>
</template>

<script>
export default {
 data(){
   return {
     props: ['GUID'],
   }
 }
}

OriginalL'auteur lnamba | 2017-07-09

  1. 26

    Lorsque vous accédez à la nouvelle route de la programmation, vous devez utiliser params, pas d'accessoires.

    self.$router.push({name: 'reading-comprehension', params: {guid:self.userInfo.uniqueID }});

    D'autre part, dans votre définition de la route, vous devez définir le accessoires de la propriété de vrai.

    {name: "reading-comprehension", component: SomeComponent, props: true }

    Enfin, dans votre composant, vous définissez props séparément de data et il devrait être en bas de casse.

    export default {
 props: ["guid"],
 data(){
   return {
   }
 }
}
    L'apprécier! Cela a fonctionné. Merci...je suis super nouvelle Vue.
    merci il a travaillé.. perdu beaucoup de temps.. enfin eu
    c'est grâce...
    C'est vraiment une réponse très - concis et précis, et la fourniture d'une solution de code.

    OriginalL'auteur Bert