Vuetify v文件输入“ 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不同。