vue-upload-component多文件上传样例

以下是使用 vue-upload-component 组件实现多文件上传的示例代码：

<template>
  <div>
    <vue-upload-component
      ref="upload"
      :multiple="true"
      :post-action="uploadUrl"
      @upload-success="onSuccess"
      @upload-error="onError"
    >
      <button>选择文件</button>
    </vue-upload-component>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        uploadUrl: 'your-upload-url'
      }
    },
    methods: {
      onSuccess(response, file, fileList) {
        console.log('上传成功')
        console.log(response)
        console.log(file)
        console.log(fileList)
      },
      onError(err, file, fileList) {
        console.log('上传失败')
        console.log(err)
        console.log(file)
        console.log(fileList)
      }
    }
  }
</script>

在上面的代码中，`vue-upload-component` 组件的 `multiple` 属性设置为 `true`，表示支持多文件上传。`post-action` 属性设置为上传文件的 URL 地址。`upload-success` 和 `upload-error` 事件分别表示上传成功和上传失败时的回调函数。在回调函数中可以获取到上传的响应数据、上传的文件对象和文件列表。