teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

2

Vueでできるように

2019/11/12 01:23

投稿

mouse_484
mouse_484

スコア759

answer CHANGED
File without changes

1

Vueでできるように

2019/11/12 01:23

投稿

mouse_484
mouse_484

スコア759

answer CHANGED
@@ -1,3 +1,28 @@
1
- [async-data](https://ja.nuxtjs.org/guide/async-data)利用してくださ
1
+ async内では非同期処理をしたいときにawaitを使っそれを行ます
2
2
 
3
+ ```
4
+ new Vue({
5
+ data: {
6
+ shohinsArray: [],
3
- 非同期でdataを取得し、セットできます
7
+ termArr: [8, 9, 10],
8
+ },
9
+ methods: {
10
+ async query() {
11
+ for await (const thisterm of this.termArr) {
12
+ const resturl = `${inputResturl.value}/○○/?term=${thisterm}`;
13
+ axios.get(resturl).then((response) => {
14
+ this.shohinsArr.push({
15
+ item: response.data.item
16
+ });
17
+ });
18
+ }
19
+ return this.shohinsArr;
20
+ }
21
+ }
22
+ })
23
+ ```
24
+
25
+ 推奨されませんが簡単にするために await for-ofを使いました
26
+
27
+
28
+ ~~Nuxtと勘違いして回答したので編集しました~~