質問編集履歴
1
文字の修正
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
【Vue.firebase】テーブル内のモーダルに各ユーザー情報を表示させたい
|
|
1
|
+
????【Vue.firebase】テーブル内のモーダルに各ユーザー情報を表示させたい
|
test
CHANGED
|
@@ -12,12 +12,30 @@
|
|
|
12
12
|
|
|
13
13
|
クリックしたときに、そのユーザーと一致する情報を取得し、表示したいです。
|
|
14
14
|
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
Home.vueで
|
|
18
|
+
|
|
19
|
+
```ここに言語を入力
|
|
20
|
+
|
|
21
|
+
openModal (user,index){
|
|
22
|
+
|
|
23
|
+
console.log(user)
|
|
24
|
+
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
でコンソールで確認すると、クリックしたユーザーの情報が取得できてはいるのですが、これをモーダルに反映させる方法が何度試行錯誤してもわかりません。
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
15
31
|
初学者なため、基礎的な質問かもしれませんが、ご教授いただけると幸いです。
|
|
16
32
|
|
|
17
33
|
|
|
18
34
|
|
|
19
35
|
|
|
20
36
|
|
|
37
|
+
|
|
38
|
+
|
|
21
39
|
|
|
22
40
|
|
|
23
41
|
### 該当のソースコード
|
|
@@ -58,7 +76,7 @@
|
|
|
58
76
|
|
|
59
77
|
<td>{{ user.name}}</td>
|
|
60
78
|
|
|
61
|
-
<td><button class="button2" @click="openModal(index)">Walletを見る</button></td>
|
|
79
|
+
<td><button class="button2" @click="openModal(user,index)">Walletを見る</button></td>
|
|
62
80
|
|
|
63
81
|
<td><button class="button2" @click="openModal2(index)">送る</button></td>
|
|
64
82
|
|
|
@@ -154,7 +172,9 @@
|
|
|
154
172
|
|
|
155
173
|
methods: {
|
|
156
174
|
|
|
157
|
-
openModal (index){
|
|
175
|
+
openModal (user,index){
|
|
176
|
+
|
|
177
|
+
console.log(user)
|
|
158
178
|
|
|
159
179
|
this.showContent = true
|
|
160
180
|
|