11.vue.jsとfirebaseで画像アップローダー:index.html
差分
このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン前のリビジョン次のリビジョン | 前のリビジョン次のリビジョン両方とも次のリビジョン | ||
11.vue.jsとfirebaseで画像アップローダー:index.html [2019/01/02] – [Codesandboxで新規Vue.jsアプリの作成] adash333 | 11.vue.jsとfirebaseで画像アップローダー:index.html [2019/08/13] – [2019/8/13時点、動きません。] adash333 | ||
---|---|---|---|
行 4: | 行 4: | ||
FirebaseのCloud Firestorageに複数の画像を保存します。しかし、直接その一覧をとってくることができないため、画像を保存する段階で、あらかじめ、Firestoreに画像のアドレスを保存しておく必要があるため、ややこしいコードになっています。 | FirebaseのCloud Firestorageに複数の画像を保存します。しかし、直接その一覧をとってくることができないため、画像を保存する段階で、あらかじめ、Firestoreに画像のアドレスを保存しておく必要があるため、ややこしいコードになっています。 | ||
+ | |||
+ | ===== 2019/ | ||
+ | < | ||
+ | →動くようになりましたが、vuefireとVuetifyを勉強しなおす必要がありそうです。たった1年で、すぐにプログラムが動かなくなってしまうのは、かなりへこみます。 | ||
+ | |||
+ | https:// | ||
+ | @mugi_chan_tea | ||
+ | 2019年06月22日に投稿 | ||
+ | Vuefireが無いエラー【Vue.jsとfirebaseの環境構築】 | ||
+ | < | ||
+ | import { firestorePlugin } from ' | ||
+ | |||
+ | Vue.use(firestorePlugin) | ||
+ | </ | ||
+ | |||
+ | https:// | ||
+ | @rerere0101 | ||
+ | 2019年04月18日に更新 | ||
+ | Vuetifyを使ってToDoアプリをちょっとかっこよくする | ||
+ | |||
+ | https:// | ||
+ | さらに、上記サイトを参考にしてmain.jsに以下を追加したら動きました。 | ||
+ | |||
+ | < | ||
+ | const vuetifyOptions = { } | ||
+ | Vue.use(Vuetify) | ||
+ | |||
+ | new Vue({ | ||
+ | el: '# | ||
+ | vuetify: new Vuetify(vuetifyOptions) | ||
+ | }) | ||
+ | </ | ||
+ | |||
+ | |||
===== 方針をたてる ===== | ===== 方針をたてる ===== | ||
-画像をアップロードできる | -画像をアップロードできる | ||
行 97: | 行 131: | ||
< | < | ||
data: { | data: { | ||
- | photo: null, | + | |
- | photo_url: null | + | |
}, | }, | ||
</ | </ |
11.vue.jsとfirebaseで画像アップローダー/index.html.txt · 最終更新: 2020/04/19 by adash333