Javascript 为什么Vue在加载图像时出现错误

当我尝试使用vuetify在vue中加载图像时，出现此错误

错误：

TypeError:无法读取未定义“

组成部分：

<v-file-input
          accept="image/*"
          label="File input"
          @change="uploadData($event)"
        ></v-file-input>

---

默认情况下，

@change

将

文件

数组作为参数，无需指定

$event

参数：

<div id="app">
  <v-app id="inspire">
    <v-file-input
      accept="image/*"
      label="File input"
       @change="uploadData"       
    ></v-file-input>
  </v-app>
</div>

<div id="app">
  <v-app id="inspire">
    <v-file-input
      accept="image/*"
      label="File input"
       @change="uploadData"       
    ></v-file-input>
  </v-app>
</div>

new Vue({
  el: '#app',
  vuetify: new Vuetify(),
   methods: {
    uploadData(files) {
   console.log(files)
    }
}
})