[解決済み] vue.jsの変更時のファイル入力について

質問

HTML/JSを使用して、以下のようにinput要素で選択されたファイルのJavaScriptファイルオブジェクトを表示することが可能です。

<input type="file" id="input" multiple onchange="handleFiles(this.files)">

しかし、これを「Vue」の方法に変換すると、意図したとおりに動作しないようで、単に undefined を返すだけです。

Vueのテンプレートではこのように表示されます。

<input type="file" id="file" class="custom-file-input" 
  v-on:change="previewFiles(this.files)" multiple>

ここで previewFiles 関数は単純に以下のようなものです（methodsの中にあります）。

  methods: {
    previewFiles: function(files) {
      console.log(files)
    }
  }

このような代替/正しい方法はありますか？ありがとうございます。

どのように解決するのですか？

別の解決策です。

<input type="file" @change="previewFiles" multiple>

methods: {
   previewFiles(event) {
      console.log(event.target.files);
   }
}