el-upload上传文件submit两次
时间: 2023-08-25 13:13:05 浏览: 122
您好!关于您的问题,el-upload 组件是 Element UI 提供的文件上传组件,并不支持直接提交表单。如果您想要在上传文件后执行其他操作,您可以使用 upload-success 事件来监听上传成功的回调,并在回调函数中执行您想要的操作。
以下是一个示例代码:
```html
<template>
<el-upload
action="/your-upload-api"
:on-success="handleUploadSuccess"
>
<el-button slot="trigger" size="small" type="primary">点击上传</el-button>
</el-upload>
</template>
<script>
export default {
methods: {
handleUploadSuccess(response, file, fileList) {
// 在上传成功后执行您想要的操作
console.log('文件上传成功', response)
// 在这里可以执行提交表单的操作
this.submitForm()
},
submitForm() {
// 执行表单提交的操作
// ...
}
}
}
</script>
```
请注意,这只是一个示例代码,具体的实现方式可能会因您的项目需求而有所不同。希望能对您有所帮助!如果您有更多问题,请随时提问。
阅读全文