やりたいこと (vue.jsで)写真を撮ってサムネをリスト表示したい。 リストはElementのコンポーネントを使用。 コンポーネントの使い方とファイルPOSTに関してはこちらに書いてます。 ロジック <video>で撮影 <canvas>でキャプチャ キャプチャをblob形式に変換してリストに追加 1~2の実装方法はこちらで紹介されています。 ポイントは<video>や<canvas>に'refs'属性をつけ、vue.js標準のrefsでアクセスして、 vueコンポーネントのdataにバインドさせてるとこです。....って書かれてます。 これに手順3を追加で実装。 今回使用したElementコンポーネントのプロパティ割り当てはこんな感じ。 1つ目はカメラで撮ったもので、2つ目はファイルを選択して追加してます。 ファイルを選択した場合はFileオブジェクトがrawプロパティに格納されている