質問編集履歴

1

formDataを[]で囲んだら出力結果が少し変わったが追加はされていない。想定出力結果と出力するためのコードを追記

2021/09/07 10:14

投稿

con2319
con2319

スコア52

test CHANGED
File without changes
test CHANGED
@@ -8,15 +8,37 @@
8
8
 
9
9
  下記のようなコードで要素を追加したところ実際表示されたアウトプットが想定と異なる。
10
10
 
11
+
12
+
13
+ ・出力方法
14
+
15
+ vue.jsで設定したbook_detilリストにformDataの値を入れてhtmlの変数設定場所でそのまま公開。
16
+
17
+ ```
18
+
19
+ 想定している出力結果
20
+
21
+ [{"id":"20"}]
22
+
23
+ ```
24
+
11
25
  ```
12
26
 
13
27
  実際の出力結果
14
28
 
15
- [object FormData]
29
+ [ {} ]
16
30
 
17
31
  ```
18
32
 
33
+ ```html
19
34
 
35
+ <div >
36
+
37
+   {{book_detil}}
38
+
39
+ </div>
40
+
41
+ ```
20
42
 
21
43
  ```javascript
22
44
 
@@ -26,7 +48,7 @@
26
48
 
27
49
  formData.append("id",this.clicked_id);
28
50
 
29
- this.book_detil = formData;
51
+ this.book_detil = [formData];
30
52
 
31
53
  ```
32
54
 
@@ -35,3 +57,9 @@
35
57
  わかる方がいれば教えていただけると嬉しいです。
36
58
 
37
59
  宜しくお願い致します。
60
+
61
+
62
+
63
+ 修正点
64
+
65
+ ・formDataを[]で囲んだら出力結果が少し変わったが追加はされていない。