回答編集履歴

2

動作確認ソースと差異があったため修正

2021/01/31 15:47

投稿

Twoshi
Twoshi

スコア354

test CHANGED
@@ -10,15 +10,19 @@
10
10
 
11
11
  上記のサイトを参考に以下のように対応しました。
12
12
 
13
+ fetchTagsの引数ですが、dataで持っているため引数不要じゃないでしょうか?
14
+
15
+ this.tableSelectedで取得できます。
16
+
13
17
  ```vue
14
18
 
15
- fetchTags: function (tableSelected) {
19
+ fetchTags: function () {
16
20
 
17
21
  axios.get('API2_url', {
18
22
 
19
23
  params: {
20
24
 
21
- tableName: tableSelected
25
+ tableName: this.tableSelected
22
26
 
23
27
  },
24
28
 

1

追記

2021/01/31 15:47

投稿

Twoshi
Twoshi

スコア354

test CHANGED
@@ -1,3 +1,49 @@
1
1
  以下が参考になりそうですが、いかがでしょうか?
2
2
 
3
3
  https://scrapbox.io/teamlab-frontend/Axios%E3%81%AEGET%E3%83%91%E3%83%A9%E3%83%A1%E3%83%BC%E3%82%BF%E3%81%A7%E9%85%8D%E5%88%97%E3%82%92%E9%80%81%E3%82%8B%E3%81%A8%E3%81%8D
4
+
5
+
6
+
7
+ 追記
8
+
9
+ ---
10
+
11
+ 上記のサイトを参考に以下のように対応しました。
12
+
13
+ ```vue
14
+
15
+ fetchTags: function (tableSelected) {
16
+
17
+ axios.get('API2_url', {
18
+
19
+ params: {
20
+
21
+ tableName: tableSelected
22
+
23
+ },
24
+
25
+ paramsSerializer: (params) => {
26
+
27
+ return qs.stringify(params, { arrayFormat: 'repeat' });
28
+
29
+ }
30
+
31
+ }).then(response => {
32
+
33
+ this.tags = response.data
34
+
35
+ })
36
+
37
+ }
38
+
39
+ ```
40
+
41
+
42
+
43
+ 結果として以下のようにクエリパラメータがセットされたのですが、いかがでしょうか?
44
+
45
+ ```
46
+
47
+ <URL>?tableName=clientA&tableName=clientB
48
+
49
+ ```