elementui手动上传文件

要手动上传文件，你需要使用 ElementUI 中的 `<el-upload>` 组件。以下是一个简单的示例：

<template>
  <div>
    <el-upload
      :action="uploadUrl"
      :on-success="handleSuccess"
      :before-upload="beforeUpload"
    >
      <el-button size="small" type="primary">点击上传</el-button>
    </el-upload>
  </div>
</template>

<script>
export default {
  data() {
    return {
      uploadUrl: 'http://your-upload-url.com'
    }
  },
  methods: {
    beforeUpload(file) {
      // 在这里可以对文件进行校验，例如大小、类型等
      console.log('beforeUpload', file)
    },
    handleSuccess(response, file, fileList) {
      // 上传成功后的回调函数
      console.log('handleSuccess', response, file, fileList)
    }
  }
}
</script>

在上面的示例中，我们定义了一个 `<el-upload>` 组件，并将 `action` 属性设置为上传文件的 URL。当用户点击上传按钮时，会触发 `before-upload` 方法，我们可以在这个方法中对文件进行校验。如果校验通过，则会将文件上传到指定的 URL。上传成功后，会触发 `on-success` 方法，并将上传结果作为参数传入该方法中。