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

Posted 2023-02-22

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

【英文标题】：Vue js - upload multiple files(image and mp3) in same component [duplicate]

【发布时间】：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")
        ,

【问题讨论】：

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

【参考方案1】：

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

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

【参考方案2】：

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

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

或者

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