vue.js - Vuetify v-file-input "onchange"工作但没有收到事件

Question

请看下面我的代码。我的 input效果很好，但不是 v-file-input :

<v-file-input
  accept=".json"
  ref="loadedFile"
  label="Upload file"
  @change="checkJSON"
  ></v-file-input>

<input
    type="file"
    accept=".json"
    @change="checkJSON"
    >



methods: {
  checkJSON: function(e) {
    console.log("JSON checking")
    console.log(JSON.stringify(e))
    console.log(e.target.files)
    return
  }
}

控制台显示 input 的文件，但这是我收到的消息 v-file-input :

[Vue warn]: Error in v-on handler: "TypeError: e.target is undefined"

这是正常的吗？我想使用 vuetify 组件，它更漂亮。
提前致谢。

Answer 1

根据Vuetify doc至 v-file-input , @change事件有 1 个参数，它是一个文件数组。

checkJSON: function(files) {
    console.log(files)
}

本次事件不同于 @change从您的输入。