el-element的el-upload组件的提示"按delete键可删除"去除方法

需求:去除这个提示,因为有的时候会覆盖文件名造成重叠的情况。

image-20231129124820493.png

问题解决:

网上找了好几种方法只有一种生效了,如下:

  1. 先给el-upload加个class,"upload-demo"。

    <el-upload class="upload-demo" :action="action" :file-list="attachmentUrlArray" :on-success="uploadSuccess" :on-remove="handleRemove" :on-preview="downLoad">
                                        <el-button round class="btn-hy btn-primary" icon="el-icon-upload2">上传</el-button>
                                        <div slot="tip" class="el-upload__tip">只能上传文件</div>
                                    </el-upload>
    
  2. 加上样式

 <style>
        .upload-demo .el-upload-list__item.is-success:focus:not(:hover){
            display: none !important;
        }
 </style>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容