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

回答編集履歴

2

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

2021/01/31 15:47

投稿

Twoshi
Twoshi

スコア354

answer CHANGED
@@ -4,11 +4,13 @@
4
4
  追記
5
5
  ---
6
6
  上記のサイトを参考に以下のように対応しました。
7
+ fetchTagsの引数ですが、dataで持っているため引数不要じゃないでしょうか?
8
+ this.tableSelectedで取得できます。
7
9
  ```vue
8
- fetchTags: function (tableSelected) {
10
+ fetchTags: function () {
9
11
  axios.get('API2_url', {
10
12
  params: {
11
- tableName: tableSelected
13
+ tableName: this.tableSelected
12
14
  },
13
15
  paramsSerializer: (params) => {
14
16
  return qs.stringify(params, { arrayFormat: 'repeat' });

1

追記

2021/01/31 15:47

投稿

Twoshi
Twoshi

スコア354

answer CHANGED
@@ -1,2 +1,25 @@
1
1
  以下が参考になりそうですが、いかがでしょうか?
2
- 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
2
+ 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
3
+
4
+ 追記
5
+ ---
6
+ 上記のサイトを参考に以下のように対応しました。
7
+ ```vue
8
+ fetchTags: function (tableSelected) {
9
+ axios.get('API2_url', {
10
+ params: {
11
+ tableName: tableSelected
12
+ },
13
+ paramsSerializer: (params) => {
14
+ return qs.stringify(params, { arrayFormat: 'repeat' });
15
+ }
16
+ }).then(response => {
17
+ this.tags = response.data
18
+ })
19
+ }
20
+ ```
21
+
22
+ 結果として以下のようにクエリパラメータがセットされたのですが、いかがでしょうか?
23
+ ```
24
+ <URL>?tableName=clientA&tableName=clientB
25
+ ```