el-upload中:禁用默认的actions请求路径之后,on-success方法不执行解决方式
时间: 2024-05-12 19:12:57 浏览: 25
如果您禁用了 `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);
// 执行上传成功后的操作
},
```
通过这种方式,您可以自由地控制上传文件的请求路径和上传成功后的操作。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![-](https://csdnimg.cn/download_wenku/file_type_lunwen.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)