質問編集履歴

1

初心者マーク

2020/07/30 02:08

投稿

tenlife
tenlife

スコア70

test CHANGED
File without changes
test CHANGED
@@ -85,3 +85,83 @@
85
85
  vue.js 2.6.1
86
86
 
87
87
  laravel 7.2
88
+
89
+
90
+
91
+ **追記**
92
+
93
+ 最初は以下のようにやっていたのですが、以下の部分を省略できないかと考えました。
94
+
95
+ <td>{{find_user(hope.user_id)}}</td>
96
+
97
+ <td>{{name}}</td>
98
+
99
+
100
+
101
+ created()でfind_userを呼び出そうかと考えましたが、hope.user_idをどう持ってこようかというところで悩んでいます。
102
+
103
+ ```ここに言語を入力
104
+
105
+ <div v-for="hope in hopes_array" :key="hope.id">
106
+
107
+ <tr>
108
+
109
+ <th scope="row">{{hope.id}}</th>
110
+
111
+ <td>{{find_user(hope.user_id)}}</td>
112
+
113
+ <td>{{name}}</td>
114
+
115
+ <td>{{hope.text}}</td>
116
+
117
+ </tr>
118
+
119
+ </div>
120
+
121
+
122
+
123
+ 省略...
124
+
125
+
126
+
127
+
128
+
129
+ data() {
130
+
131
+ return {
132
+
133
+ hopes_array: this.hopes,
134
+
135
+ name: ''
136
+
137
+ }
138
+
139
+ },
140
+
141
+
142
+
143
+ 省略...
144
+
145
+
146
+
147
+ find_user(here_user_id) {
148
+
149
+ let id = this.room.id
150
+
151
+ let get_path = ["http://127.0.0.1:8000/room/", id, "/find/"];
152
+
153
+ let here_path = get_path.join('')
154
+
155
+ axios.get(here_path + here_user_id).then(res => {
156
+
157
+ return this.name = res.data.name
158
+
159
+ }).catch(function(error){
160
+
161
+ console.log(error)
162
+
163
+ })
164
+
165
+ },
166
+
167
+ ```