2017-10-11 17 views
0

Vueには新しく、Javascriptの恋人はあまりないので、Axueを使ってコンソールにあるデータを取得するVueコンポーネントがあります。私は単に私のフォームの要素にコードを取得することはできません。AxiosのレスポンスデータとVue JS、データの使用

は、だから私は、私はあなたがdoesntの仕事を推測できるよう

data() { 
      return { 
       formpersonaldetails: {}, 

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

を持っAxiosは、ページのロード時に、私のデータに搭載されている応答をインターセプトし、データ

methods: { 

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

    } 
} 

だからそれを取得していだから私はどこに間違っていますか?

応答はそうのようになります。

{"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"} 
+0

を使用すると、受信したときので、それはおそらく動作しません。 Axiosからの応答はそれ以上は何もしませんでした。レスポンスデータをコンポーネントのデータオブジェクトにマップする必要がありますが、レスポンスが何であるかわからないため、そのレスポンスを既存のデータにマージする方法については教えていません。 – Terry

+0

悪い投稿に返信を追加するTerry – GrahamMorbyDojo

答えて

0

あなたはfunctionresponseを渡す必要があります。ここに

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

詳細情報:Axios

+0

私はそれを変更しました。それでは、どのようにデータに使用しますか? – GrahamMorbyDojo

+0

応答データを保存する場所は? –

関連する問題