Données de réponse Axios et Vue JS, Utilisation des données

Question

Nouveauté de Vue et pas grand-chose d'un amoureux de Javascript, j'ai donc un composant Vue qui utilise Axios pour obtenir des données que j'ai dans la console. Je ne peux tout simplement pas obtenir le code à mes éléments de formulaire.

donc je Axios Intercepter la réponse et l'obtention des données

methods: { 

    }, 
    mounted: function() { 
     axios.interceptors.response.use(function (response) { 
      return response.data; 
     }); 
    }, 
    destroyed: function() { 

    } 
} 

donc qui est monté sur la charge de page et dans mes données, j'ai

data() { 
      return { 
       formpersonaldetails: {}, 

       title: this.results.title, 
       titleoptions: ['Mr', 'Mrs', 'Miss', 'Ms'], 
       fname: this.results.fname, 
       sname: this.results.sname, 
       dob: this.results.dob, 

qui, comme vous pouvez le deviner travail ne marche pas, Alors, où vais-je me tromper?

réponse ressemble à ceci:

{"id":2,"user_id":null,"fname":"Graham","sname":"Morby-Raybould","dob":"1982-07-10T08:22:00.000Z","gender":"Male","nationality":"British","mobile":null,"telephone":null,"hname":"","address2":"","address3":"","postcode":"","noktitle":"","nokfname":"","noksname":"","nokcontactnumber":"","nokhname":"","nokaddress2":"","nokaddress3":"","nokpostcode":"","emp_type":"","trade":"","ninumber":"","utrnumber":"","vatreg":null,"vatcert":"","created_at":"2017-10-10 08:22:37","updated_at":"2017-10-10 08:22:37"} 

Answer 1

Vous devez passer à la responsefunction:

axios.interceptors.response.use(function (response) { 
    // Do something with response data 
    return response; 
    }, function (error) { 
    // Do something with response error 
    return Promise.reject(error); 
    }); 

Plus d'informations ici: Axios