Vue js - 在同一个组件中上传多个文件（图像和mp3）[重复]答案

【问题标题】：Vue js - upload multiple files(image and mp3) in same component [duplicate]Vue js - 在同一个组件中上传多个文件（图像和mp3）[重复]
【发布时间】：2020-09-13 03:13:05
【问题描述】：

我的问题是我创建了 2 个输入文件并分配了 2 个不同的方法，但是当 vue js 只执行文件方法天气时，我在天气第一张或第二张图片中上传文件。

  <input type="file" @change="onImageChange" id="file-upload" class="d-none uploadm_icon">
    
    <input type="file" @change="onSongChange" id="file-uploads" class="d-none uploadm_icon">
    
        onImageChange(e) {
            console.log("image")
        },
        onSongChange(e) {
          console.log("song")
        },

【问题讨论】：

StackOverflow 上有很多重复项。提问前请先搜索

标签： vue.js nuxt.js

【解决方案1】：

您需要将您的方法绑定到实例 - 所以在您的构造函数中添加以下内容：

this.handleChange = this.handleChange.bind(this)

【讨论】：

【解决方案2】：

这是因为您必须将this 与类组件中的普通函数绑定或使用箭头函数。喜欢：

constructor() {
    // ...
   this.handleChange.bind(this);
}

或者

handleChange = (event) => {
    // ...
}

【讨论】：