質問編集履歴
2
追記2追加
test
CHANGED
File without changes
|
test
CHANGED
@@ -219,3 +219,15 @@
|
|
219
219
|
|
220
220
|
|
221
221
|
初学者なものでわからないことばかりで大変申し訳ございません。。
|
222
|
+
|
223
|
+
|
224
|
+
|
225
|
+
#追記2
|
226
|
+
|
227
|
+
|
228
|
+
|
229
|
+
解決に至らず行き詰ってしまった為、以下サイトにも掲載させて頂いております。
|
230
|
+
|
231
|
+
|
232
|
+
|
233
|
+
[【Vue x Firestore】各ユーザーのアイコンを画面に表示させたいです。](https://qiita.com/TMTN/questions/d365d4cda964920c8ff6)
|
1
修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -157,3 +157,65 @@
|
|
157
157
|
|
158
158
|
|
159
159
|
```
|
160
|
+
|
161
|
+
#追記1
|
162
|
+
|
163
|
+
|
164
|
+
|
165
|
+
掲載しているFirestore内容のように.uploadedImage.fileUrlにURLを保存しているので
|
166
|
+
|
167
|
+
HTML内は:src="userDatas.uploadedImage.fileUrl"という風な記載になるのでしょうか。。
|
168
|
+
|
169
|
+
|
170
|
+
|
171
|
+
```ここに言語を入力
|
172
|
+
|
173
|
+
<img class="profile-icon" width="50" height="50" :src="userDatas.uploadedImage.fileUrl" />
|
174
|
+
|
175
|
+
```
|
176
|
+
|
177
|
+
|
178
|
+
|
179
|
+
また、data内は以下のように記載しておりますが、写真のようなエラーが出てしまします。。
|
180
|
+
|
181
|
+
|
182
|
+
|
183
|
+
```ここに言語を入力
|
184
|
+
|
185
|
+
export default {
|
186
|
+
|
187
|
+
data() {
|
188
|
+
|
189
|
+
return {
|
190
|
+
|
191
|
+
userDatas: [],
|
192
|
+
|
193
|
+
userDatas.uploadedImage.fileUrl(src) {
|
194
|
+
|
195
|
+
if (src != "") {
|
196
|
+
|
197
|
+
return require(`@/assets/img/${src}`);
|
198
|
+
|
199
|
+
}
|
200
|
+
|
201
|
+
},
|
202
|
+
|
203
|
+
};
|
204
|
+
|
205
|
+
```
|
206
|
+
|
207
|
+
![イメージ説明](3aefd63af6b8c23ca7a051e0483248bc.png)
|
208
|
+
|
209
|
+
|
210
|
+
|
211
|
+
メソッドで定義するとのことですが、取得する際にメソッドで取得したことがなく記載方法がわからずで、
|
212
|
+
|
213
|
+
下記のようにしたのですが、こちらもまたエラーが出てしまいました。。
|
214
|
+
|
215
|
+
|
216
|
+
|
217
|
+
![イメージ説明](07d9a4e5d8e0c651d670d154b7e38e61.png)
|
218
|
+
|
219
|
+
|
220
|
+
|
221
|
+
初学者なものでわからないことばかりで大変申し訳ございません。。
|