vue element-ui el-upload去除按delete 键可删除提示

船长在船上

已于 2022-04-25 12:01:12 修改

阅读量4.7k

点赞数 5

CC 4.0 BY-SA版权

分类专栏： Vue 前端开发文章标签： vue

于 2022-04-25 12:00:01 首次发布

本文链接：https://blog.youkuaiyun.com/SmartJunTao/article/details/124401716

Vue 同时被 2 个专栏收录

198 篇文章

订阅专栏

前端开发

140 篇文章

订阅专栏

这段内容描述了一个使用Element UI的上传组件实现的功能，该组件限制上传一个PDF文件，并在成功上传后执行特定的回调函数。样式设置隐藏了已成功上传文件的焦点状态，确保用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

解决办法：

<el-upload
class="uploadList"
ref="upload"
:action="baseUrl + '/file/upload'"
:before-upload="beforeUpload"
:on-preview="handlePreview"
:multiple="false"
:headers="{ Authorization: token }"
:limit="1"
:on-remove="handleRemove"
:on-exceed="handleExceed"
:on-success="handleSuccess"
>
<el-button size="small" type="primary">点击上传</el-button>
<div slot="tip" class="el-upload__tip fontIntail">只能上传一个PDF文件,一个保单对应一个电子保单文件</div>
</el-upload>

.uploadList .el-upload-list__item.is-success:focus:not(:hover){
    display: none !important;
}