質問編集履歴
2
見出しを太字に
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
実現したいこと
|
|
1
|
+
**実現したいこと**
|
|
2
2
|
- リスト複数の親コンポーネント(新規入力・編集)で子コンポーネント(フォーム)を共有する
|
|
3
3
|
- 親から子に初期データを渡す
|
|
4
4
|
- 子で入力受け付けを行いsubmitと同時に、親にデータを渡す
|
|
5
5
|
- 親でfirestore(データベース)にアクセスしてデータを追加・編集する
|
|
6
6
|
|
|
7
|
-
困っていること
|
|
7
|
+
**困っていること**
|
|
8
8
|
- submitしてもformの値が取得できない
|
|
9
9
|
|
|
10
|
-
参考にしている資料
|
|
10
|
+
**参考にしている資料**
|
|
11
11
|
https://katuo-ai.com/vuejs-avoid-mutating
|
|
12
12
|
https://qiita.com/harhogefoo/items/7232508db1f07e6b1859
|
|
13
13
|
https://b1tblog.com/2019/10/03/vue-input/
|
|
14
14
|
|
|
15
|
-
やったこと
|
|
15
|
+
**やったこと**
|
|
16
16
|
(1):v-bind.syncを使いbasic_infoを子に渡す
|
|
17
17
|
親↓
|
|
18
18
|
```vue
|
|
@@ -85,7 +85,7 @@
|
|
|
85
85
|
このconsole.logの結果が、子のフォームで変更した値ではなく、
|
|
86
86
|
フォームを開いた時点での親から子に渡された初期値が帰ってきてしまいます。
|
|
87
87
|
|
|
88
|
-
試したこと
|
|
88
|
+
**試したこと**
|
|
89
89
|
|
|
90
90
|
原因を確かめるため、以下のように変更してみたのですが解決しませんでした
|
|
91
91
|
|
|
@@ -119,11 +119,12 @@
|
|
|
119
119
|
```
|
|
120
120
|
→親に渡そうとした時と同様、初期値だった（そもそもsubmitで値が取れていない）
|
|
121
121
|
|
|
122
|
-
環境：
|
|
122
|
+
**環境：**
|
|
123
123
|
"vue": "^2.6.11",
|
|
124
124
|
"vuetify": "^2.2.11"
|
|
125
125
|
|
|
126
|
-
以下、コード全体
|
|
126
|
+
**以下、コード全体**
|
|
127
|
+
|
|
127
128
|
親コンポーネント
|
|
128
129
|
```
|
|
129
130
|
<template>
|
1
不要な文言削除
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
}
|
|
45
45
|
```
|
|
46
46
|
|
|
47
|
-
子↓ フォームに入力があった場合親に連携する（updateの部分）
|
|
47
|
+
子↓ フォームに入力があった場合親に連携する（updateの部分）
|
|
48
48
|
```vue
|
|
49
49
|
<v-text-field
|
|
50
50
|
label="start from*"
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
"vue": "^2.6.11",
|
|
124
124
|
"vuetify": "^2.2.11"
|
|
125
125
|
|
|
126
|
-
コード全体
|
|
126
|
+
以下、コード全体
|
|
127
127
|
親コンポーネント
|
|
128
128
|
```
|
|
129
129
|
<template>
|