考虑兼容性,确保二次封装组件在多种环境可用。对原始组件样式进行定制,符合新的设计风格。抽取通用逻辑,让二次封装组件更具通用性。 封装过程要做好代码注释,方便后续维护。测试二次封装组件功能,确保无逻辑错误。检查性能指标,避免因封装导致性能下降。若涉及数据交互,规范数据格式与传递方式。为组件添加必要的错误处理...
比如序列号,勾选状态等等,亦或者和其他组件配合,再次封装为一个组件,通过这种分层的思想,可以解决很多业务的问题
基于el-input 二次封装,使得组件可以通过 js 配置对象批量生成,并且仍然能通过 v-model 绑定数据。 基本原理 官方文档参考:https://cn.vuejs.org/v2/guide/components-custom-events.html#自定义组件的-v-model 基于原生 input 元素和基于自定义组件绑定 v-model 的开发思路基本相同,都是给初始组件绑定一个变量,...
图片上传后可以进行拖拽排序 可以多张图片同时上传(发送多个请求即可) 如果是单张图片上传那么上传成功后就只显示图片即可 不必再显示上传按钮组件 设计如下: 定义变量: // 限制上传的图片数量 limit: { type: Number, default: 99, }, // 限制上传图片的文件大小(kb) size: { type: Number, default: 5000, ...