el-upload中:禁用默认的actions请求路径之后,on-success方法不执行解决方式
时间: 2024-05-12 10:12:57 浏览: 118
label-actions::robot:GitHub Action,在标记或未标记问题或请求请求时执行某些操作
如果您禁用了 `el-upload` 组件的默认 actions 请求路径,那么您需要自己在上传成功后执行相应的操作。具体的解决方案如下:
1. 在 `el-upload` 组件中添加 `:show-file-list="false"` 属性,禁用默认的文件列表展示。
2. 在 `before-upload` 方法中手动设置上传的 URL,例如:
```html
<el-upload
action=""
:before-upload="beforeUpload"
:show-file-list="false"
>
<el-button slot="trigger">选择文件</el-button>
</el-upload>
```
```js
beforeUpload(file) {
this.uploadUrl = '/your/upload/url';
return true;
},
```
3. 在 `on-success` 方法中处理上传成功后的操作,例如:
```html
<el-upload
:action="uploadUrl"
:on-success="onSuccess"
:show-file-list="false"
>
<el-button slot="trigger">选择文件</el-button>
</el-upload>
```
```js
onSuccess(response, file, fileList) {
console.log(response);
// 执行上传成功后的操作
},
```
通过这种方式,您可以自由地控制上传文件的请求路径和上传成功后的操作。
阅读全文