element upload 设置http-request后不触发beforeUpload怎么解决
时间: 2023-12-11 20:01:56 浏览: 66
解决vue2.0 element-ui中el-upload的before-upload方法返回false时submit()不生效问题
如果您在使用 Element 的 Upload 组件时设置了 `http-request` 属性后,却发现 `before-upload` 事件没有触发,可以尝试以下解决方案:
1. 确保 `before-upload` 和 `http-request` 属性都被正确设置了。
2. 检查上传的文件是否符合 `before-upload` 方法中的验证规则,如果文件不符合规则,`before-upload` 方法将不会触发。
3. 检查 `http-request` 方法中的参数是否正确,例如上传的文件名是否正确等等。
4. 尝试在 `http-request` 方法中手动触发 `before-upload` 方法,可以通过在 `http-request` 方法中调用 `beforeUpload` 方法来实现,例如:
```
<el-upload
:before-upload="beforeUpload"
:http-request="httpRequest"
>
...
</el-upload>
methods: {
beforeUpload(file) {
// ...
},
httpRequest(params) {
// 手动触发 beforeUpload 方法
this.beforeUpload(params.file)
// ...
}
}
```
这样就可以手动触发 `before-upload` 方法了。
阅读全文