vue2 input type=file change事件

在Vue2中，针对input type=file的change事件，可以通过以下步骤进行处理：

1. 首先，我们需要在Vue组件的template中定义一个input元素，并指定type为file，用于选择文件：

<input type="file" @change="handleFileChange">

2. 接下来，在Vue组件的methods中定义handleFileChange方法，用于处理change事件：

methods: {
  handleFileChange(event) {
    // 通过event.target.files获取选择的文件
    const file = event.target.files[0];
    // 进行相应的操作或赋值
    this.uploadFile(file);
  },
  uploadFile(file) {
    // 上传文件的逻辑处理
    // 可以使用第三方库如axios进行文件上传操作
    // 也可以调用后端接口进行文件上传
    console.log('上传文件:', file);
  }
}

3. 在handleFileChange方法中，我们可以通过event.target.files获取到选择的文件列表。由于input type=file元素支持多文件选择，所以通过files属性获取到的是一个文件数组。在大多数情况下，我们只需要选择单个文件，所以可以直接取files[0]获取到文件对象。

4. 在handleFileChange方法中，我们可以通过this.uploadFile(file)来调用上传文件的逻辑处理函数。在uploadFile函数中，可以进行相应的文件上传操作，如使用第三方库axios发送请求，或调用后端接口进行文件上传。

总结：以上就是在Vue2中处理input type=file的change事件的步骤。首先在template中定义input元素，并指定type为file，然后在methods中定义处理change事件的方法，并在其中处理选择的文件。通过event.target.files获取选择的文件，再进行相应的操作或赋值。