el-upload使用disabled不生效
时间: 2023-11-02 09:00:08 浏览: 227
vue+elementUI(el-upload)图片压缩,默认同比例压缩操作
5星 · 资源好评率100%
如果你在使用 `el-upload` 组件时设置了 `disabled` 属性,但是该属性不起作用,可能是因为你同时设置了 `before-upload` 属性并返回了 `false`。这会阻止上传操作并禁用上传按钮,但是禁用状态将不会应用于上传按钮本身。
为了解决这个问题,你可以将 `before-upload` 方法改为返回一个 `Promise` 对象,该对象在异步验证之后返回 `false`。这样,当验证失败时,上传按钮将被禁用。
另外,你还可以使用 `:disabled` 绑定属性来动态禁用上传按钮,例如:
```html
<el-upload
:disabled="isDisabled"
:before-upload="beforeUpload"
>
<!-- ... -->
</el-upload>
```
在这种情况下,只需设置 `isDisabled` 变量为 `true` 即可禁用上传按钮。
阅读全文