el-upload on-success 传参
时间: 2024-03-24 08:34:49 浏览: 102
el-upload是Element UI中的一个上传组件,on-success是el-upload组件的一个事件,用于在文件上传成功后触发的回调函数。在on-success事件中,可以通过参数来获取上传成功后的相关信息。
具体来说,on-success事件的传参包括以下几个参数:
1. response:上传成功后服务器返回的响应数据。可以通过response来获取服务器返回的上传结果或其他相关信息。
2. file:当前上传的文件对象。可以通过file来获取文件的名称、大小、类型等信息。
下面是一个示例代码,展示了如何使用on-success事件及其传参:
```html
<template>
<el-upload
action="/upload"
:on-success="handleSuccess"
>
<el-button slot="trigger" size="small" type="primary">点击上传</el-button>
</el-upload>
</template>
<script>
export default {
methods: {
handleSuccess(response, file) {
console.log('上传成功');
console.log('服务器返回的响应数据:', response);
console.log('当前上传的文件对象:', file);
// 在这里可以根据需要处理上传成功后的逻辑
}
}
}
</script>
```
阅读全文