11.vue.jsとfirebaseで画像アップローダー:index.html

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

--- 11.vue.jsとfirebaseで画像アップローダー:index.html [2019/08/13] – [2019/8/13時点、動きません。] adash333
+++ 11.vue.jsとfirebaseで画像アップローダー:index.html [2020/04/19] (現在) – [方針をたてる] adash333
@@ 行 6: / 行 6: @@
 ===== 2019/8/13時点、動きません。 =====
-Vuefireのためか、Vuetifyのせいなのか、動きません。
+<del>Vuefireのためか、Vuetifyのせいなのか、動きません。</del>
+→動くようになりましたが、vuefireとVuetifyを勉強しなおす必要がありそうです。たった1年で、すぐにプログラムが動かなくなってしまうのは、かなりへこみます。
-調査中です。
 https://qiita.com/mugi_chan_tea/items/5726019da614ae322dd3
@@ 行 14: / 行 13: @@
 年06月22日に投稿
 Vuefireが無いエラー【Vue.jsとfirebaseの環境構築】
+<code>
+import { firestorePlugin } from 'vuefire'
+Vue.use(firestorePlugin)
+</code>
 https://qiita.com/rerere0101/items/7c17f320a4583f1d2c2e
@@ 行 19: / 行 23: @@
 年04月18日に更新
 Vuetifyを使ってToDoアプリをちょっとかっこよくする
+https://github.com/vuetifyjs/vuetify/issues/6895
+さらに、上記サイトを参考にしてmain.jsに以下を追加したら動きました。
+<code>
+const vuetifyOptions = { }
+Vue.use(Vuetify)
+new Vue({
+  el: '#app',
+  vuetify: new Vuetify(vuetifyOptions)
+})
+</code>
+Vuetifyのツールバー（ヘッダー）が、
+<v-toolbar color="indigo" dark fixed app></v-toolbar>
+から、
+<v-app-bar app color="indigo" dark></v-app-bar>
+に変更に。
 ===== 方針をたてる =====
   -画像をアップロードできる
@@ 行 45: / 行 70: @@
 </html>
+現在、firebaseの方でwriteできないように設定しています。

11.vue.jsとfirebaseで画像アップローダー/index.html.1565674970.txt.gz · 最終更新: 2019/08/13 by adash333