说一下vue-upload-component 中的@input-filter 作用与用法

`vue-upload-component` 是一个 Vue.js 组件，用于实现文件上传功能。`@input-filter` 是其中的一个事件，用于在选择文件时过滤文件。具体作用和用法如下：

作用：

`@input-filter` 事件会在用户选择文件时触发，用于过滤用户选择的文件。你可以通过该事件的回调函数来实现一些自定义的文件筛选逻辑，例如：限制文件的类型、大小等。

用法：

在 `vue-upload-component` 组件中，你可以通过 `@input-filter` 属性来监听 `input` 事件。例如：

<template>
  <vue-upload-component
    ref="upload"
    :url="uploadUrl"
    @input-filter="handleInputFilter"
  ></vue-upload-component>
</template>

<script>
  import VueUploadComponent from 'vue-upload-component'

  export default {
    components: {
      VueUploadComponent
    },
    data() {
      return {
        uploadUrl: 'your-upload-url'
      }
    },
    methods: {
      handleInputFilter(files) {
        // 在这里实现文件过滤逻辑
        // 可以通过返回一个新的 files 数组来过滤文件
        // 例如：只允许上传图片文件
        const filteredFiles = files.filter(file => file.type.startsWith('image/'))
        return filteredFiles
      }
    }
  }
</script>

在上面的例子中，我们通过 `@input-filter` 属性监听了 `input` 事件，并在 `handleInputFilter` 方法中实现了文件的过滤逻辑。在该方法中，我们通过 `Array.filter()` 方法将不符合要求的文件过滤掉，并返回一个新的数组。`vue-upload-component` 组件会将返回的新数组作为用户选择的文件。

需要注意的是，`@input-filter` 回调函数的参数是一个数组，包含用户选择的所有文件。如果你需要对每个文件进行过滤，可以使用 `Array.filter()` 方法。