Vue.jsのvuetifyコンポーネント「v-file-input」で、ファイル名を取得する方法

初投稿となる新米Webエンジニア（３０代ですが汗）なので、初歩的な内容ですがご了承ください。

Vue.jsのvuetifyテンプレートを使ってアプリ開発に挑戦しているのですが、その際に「ファイルの選択→アップロード」という作業が必要になり、input要素で選択したファイル名を取得する必要がありました。

vuetifyコンポーネントの[v-file-input]を使ったファイル名取得がわからなかったので、備忘録として残しておきます。

vuetifyコンポーネント「v-file-input」で、ファイル名を取得する方法

やり方はすごく簡単でした。

template側

<v-file-input
  @change="getFileName"
  accept="image/*"
  label="File input"
></v-file-input>

method側

   getFileName(e) {
      console.log("fileが選択されました。");
      console.log(e.name);      
    },

この際、(e.name)の部分を（e.size）などと指定したりして、いろいろな情報の取得ができます。VisualStudioCodeで「e.」と入力すると、自動で候補がでてきてくれるのでありがたい。
(※Vueプラグイン入れたからかもしれません)

vuetifyを使った場合、この方法で選択したファイル名を取得するのが簡単そうです。