サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
猫
volpe.hatenablog.com
Firestorage に画像ファイルをアップロードしたくなったのでやってみる。 やってることは一般的なファイルアップロードの流れと変わらないが、Firestorage にアップロードする処理は store の action として実装している。 まずは view に form を設置する。 @change イベントハンドラを設定する。 input(type="file", :multiple="false", accept="image/*", @change="detectFiles($event)") 次に methods にファイル選択時のイベントハンドラを定義する。 アップロードするファイル名は他と被らないように uuid ライブラリを使って動的に生成している。 ファイル名とファイル本体を取得したら store の uploadImage へ渡す。 import uuid fro
vuexfire を使ってデータ連携する方法。とりあえずデータバインドの設定まで。 前提 vuexfire 3.0.0-alpha.15 ※ alpha.14 から I/Fが変わっているので注意。まだまだ変わるかも。。 連携方法 基本的には こちら に書いてある方法の通りで動くはず。 ただ、今回は store をファイル単位でモジュール分割してみたので、その構成の実装方法を記す。 ファイル構成 Cloud Firestore 関連の処理は store の action に集約する構成とした。 store ├── index.js └── projects.js データバインド index.js には vuexfire の vuexfireMutations を定義するのみ。 store/index.js import { vuexfireMutations } from 'vuexfire
このページを最初にブックマークしてみませんか?
『volpe.hatenablog.com』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く