Element UI的Upload组件自定义文件上传方法

Element UI的Upload组件提供了一个非常方便的方式来上传文件。如果你想自定义文件上传的方法，可以使用http-request属性。http-request是一个函数，它会在文件上传时被调用，你可以在这个函数中执行你自己的文件上传逻辑。
首先，你需要在你的组件中引入Upload组件，并为其设置一个ref，以便在后面的代码中访问它。

<el-upload ref="upload">
<el-button slot="trigger" type="primary">选取文件</el-button>
<el-button type="success" @click="submitUpload">上传文件</el-button>
</el-upload>

然后，在你的Vue组件中，你需要定义一个submitUpload方法，并在其中执行你的自定义文件上传逻辑。你可以使用http-request属性来调用你自己的函数。

export default {
methods: {
async submitUpload() {
this.$refs.upload.submit();
},
handleFileUpload(xhr) {
// 在这里执行你的自定义文件上传逻辑
// 你可以使用xhr对象来获取上传的状态和结果
}
}
}

在上面的代码中，我们在submitUpload方法中调用了Upload组件的submit方法来触发文件上传。然后，我们在handleFileUpload方法中执行了自定义的文件上传逻辑。你可以在这个方法中使用xhr对象来获取上传的状态和结果。
需要注意的是，http-request属性是一个函数，它会在文件上传时被调用，并接收一个参数，即xhr对象。你可以在这个函数中执行你自己的文件上传逻辑，并使用xhr对象来获取上传的状态和结果。
希望这个示例能帮助你理解如何在Element UI的Upload组件中自定义文件上传的方法。如果你有任何其他问题或需要进一步的帮助，请随时提问。
总的来说，自定义文件上传需要两个步骤：一是定义一个submitUpload方法来触发文件上传；二是定义一个handleFileUpload方法来执行自定义的文件上传逻辑。通过使用http-request属性，我们可以轻松地在Element UI的Upload组件中实现自定义文件上传。