[Vue.js]input fileで選択した画像のプレビューを表示する - Qiita

<template> <div> <input type="file" ref="file" @change="setImage"/> <img :src="data.image"> </div> </template> <script> export default { data() { return { data: { image: "", name: "", } }; }, methods: { setImage(e) { const files = this.$refs.file; const fileImg = files.files[0]; if (fileImg.type.startsWith("image/")) { this.data.image = window.URL.createObjectURL(fileImg); this.data.name = fileImg