javascript - 在 vue.js 中更改文件输入

Question

使用纯 HTML/JS，可以像这样查看输入元素的选定文件的 JavaScript 文件对象:

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

但是，当将它转换为“Vue”方式时，它似乎并没有按预期工作，而是简单地返回 undefined 而不是返回一个 File 对象数组。

这是它在我的 Vue 模板中的样子:

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

previewFiles 函数简单如下(位于方法中):

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

是否有替代/正确的方法来执行此操作？谢谢

Answer 1

另一种解决方案:

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

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