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 不同。