前段时间,针对大文件上传使用vue-simple-uploader实现切片上传。有同事反应,在进行计算文件md5的时候,选中的文件会处于暂停上传的状态,让人有点击继续按钮的冲动,让我将操作按钮隐藏掉。
本来想直接更改vue-simple-uploader组件的代码,结果细看了一下,果断放弃。毕竟上传文件列表uploader-list使用了uploader-file。不能直接修改uploader-file实现这一需求。
所以,直接从最简单的样式上进行调整。
获取操作按钮的样式:
在vue中将操作按钮的样式,通过样式穿透的方式实现隐藏
<style>.uploader-list /deep/ .uploader-file-actions>span {display: none;float: left;width: 16px;height: 16px;margin-top: 16px;margin-right: 10px;cursor: pointer;}</style>
查看效果: