本来昨天就想分享封装的这个upload组件,结果刚写了两句话,就被边上的同事给偷窥上了 一直都很忙,写分享基本都是在中午午休时赶出来的,然后趁着在工作中颈椎疼的难以忍受时稍微休息一下的过程中排版发出来的。不过我也发现一个现象,就是我分享的有关封装的react方面的组件 ...
我后端的,刚接触vue个星期,根据需求写了个上传控件,很灵活的。没有看elementel upload源码,样式用的element的。感觉vue确实好用。 先看样子: 其实就这个小组件就体现到封装 继承 多态的思想,多花时间思考,代码就能简洁 灵活 可用性高。 样式也有重写,需要样式的评论支持下,谢谢。 ...
2019-07-04 21:06 3 6908 推荐指数:
本来昨天就想分享封装的这个upload组件,结果刚写了两句话,就被边上的同事给偷窥上了 一直都很忙,写分享基本都是在中午午休时赶出来的,然后趁着在工作中颈椎疼的难以忍受时稍微休息一下的过程中排版发出来的。不过我也发现一个现象,就是我分享的有关封装的react方面的组件 ...
本来昨天就想分享封装的这个upload组件,结果刚写了两句话,就被边上的同事给偷窥上了,于是在我全神贯注地写分享的时候,他就神不知鬼不觉地突然移动到我身边,腆着脸问我在干啥呢。卧槽你妈,当场就把我吓了一跳,我说我没干嘛,在工作啊,然后我就把浏览器窗口切换了,他就来了一句:我看到了博客。我没搭理 ...
="uploadObj.uploadClass ? 'ty-bank-upload-list_' : 'ty-bank-upload-list-c ...
上传文件也是我们在实际开发中常遇到的功能,比如上传产品图片以供更好地宣传我们的产品,上传excel文档以便于更好地展示更多的产品信息,上传zip文件以便于更好地收集一些资料信息等等。至于为何要把上传组件封装成一个公共的、可复用的组件,在前两篇文章封装react antd的form表单组件、封装 ...
图片上传: 父组件引用:<upload-pic ref="refreshData" :file-list.sync="formData.picList" :limit="1" :is-edit="isEdit"></upload ...
//父页面部分 <attachment @newFileList="newFileList" :operationType="operationType" btnName="上传PO/PI凭证" fileListType="1" :fileList ...
之前写了使用input上传材料的方法,这次分享一下自己对使用Elemen Upload组件进行上传材料的理解。 本身比较喜欢使用Element upload组件的照片墙来上传材料。有以下几个优点: 1.可以多张上传 2.可以很清楚的看到所上传的材料 3.可以很清楚的观察上传时的状态 4. ...
Upload组件基本实现 仓库:https://gitee.com/aeipyuan/upload_component 前端 1. 组件结构 2. 响应式数据 3. 父子传值 父组件可以通过属性传值设置上传的url,文件大小,文件类型限制,并且可监听上传 ...