File input on change in vue.js : <p>Using plain HTML/JS, it is possible to view the JavaScript File objects of selected files for an input element like so:</p>

<pre><code>&lt;input type="file" id="input" multiple onchange="handleFiles(this.files)"&gt;
</code></pre>

<p>However, when converting it to the 'Vue' way it doesn't seem to work as intend and simply returns <code>undefined</code> instead of returning an Array of File objects. </p>

<p>This is how it looks in my Vue template:</p>

<pre><code>&lt;input type="file" id="file" class="custom-file-input" 
  v-on:change="previewFiles(this.files)" multiple&gt;
</code></pre>

<p>Where the <code>previewFiles</code> function is simply the following (located in methods): </p>

<pre><code>  methods: {
    previewFiles: function(files) {
      console.log(files)
    }
  }
</code></pre>

<p>Is there an alternate/correct way of doing this? Thanks</p>
