Question

我正在加载Vue.js图像文件。这就是我得到错误的方式：

[Vue警告]：事件处理程序中的“更改”错误：“ TypeError：无法读取未定义的属性'files'”

我也收到如下错误。我该如何解决？

必填字段已满，但为空。

并且：

[“此字段为必填。”]

这是我的代码：

<template>
    ...
    <el-input type="file" @change="onFileChanged"/>
    ...
</template>
<script>
    ...
    methods: {
        onFileChanged(event) {
          const file = event.target.files[0]
          console.log(file)
        },
    }
    ...
</script>

Answer 1

根据错误event.target是undefined，您正在尝试在files[0]上调用undefined。

无论在何处调用此方法，请确保将参数$event传递给onFileChanged()，如下所示：

<el-input type="file" @change="onFileChanged($event)"/>

尝试加载图像文件时出错-Vuejs

1 个答案: