<script> import axios from 'axios'; export default { data: function () { return { data1:[], data2:[] } }, methods:{ getData1: function(){ axios .get('/data1') .then(response => (this.data1 = response.data); }, getData2: function(){ axios .get('/data2' + this.data1.id ) .then(response => (this.data1 = response.data); } </script>
上記のコードのように、まず'/data1'にアクセスしてJSONを受け取り、その結果のidを利用して
'/data2/{id}'にアクセスするような仕組みを作りたいです。
現状getData1をmountedなどに記述し、getData2をボタンにv-on:click='getData2'のような記述をして利用している状態ですが、これをページ読み込み時にどちらの処理も完成させたいです。
moutedに2つの処理を書いてもgetData2の処理がうまく出来ませんでした。
どのようにすればページ読み込み時にどちらのデータも利用できるようになるでしょうか
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/07/23 12:40