随笔分类 -  Vue

vue.config.js配置优化
摘要：gzip压缩、删除console函数的打印 chainWebpack(config){ config .when(process.env.NODE_ENV !== 'development', config => { /* 开启gzip压缩，需要后端配合 */ config .plugin('com 阅读全文
posted @ 2022-09-26 19:11 豆浆不要油条
Vue源码透析之数据响应
摘要：function observe(value) { if (typeof value != 'object') { return } let ob; if (value.__ob__ !== undefined) { ob = value.__ob__; } else { ob = new Obse 阅读全文
posted @ 2022-09-20 15:43 豆浆不要油条 阅读(26) 评论(0) 推荐(0)
背景图固定，二维码动态组合完成图片并下载
摘要：methods:{ downloadItem(ary, sleep = 1000){ let row = ary.shift(); if(!row){ return } let textImg = drawText({ text: `${row.loginName}_${row.shareCount 阅读全文
posted @ 2022-09-20 11:11 豆浆不要油条
Vue添加页面水印（自定义指令）
摘要：Vue.directive('watermark',(el,binding)=>{ let text = binding.value.text; let font = binding.value.font || "16px Microsoft JhengHei"; let textColor = b 阅读全文
posted @ 2022-09-20 10:12 豆浆不要油条 阅读(311) 评论(0) 推荐(0)
ElementUI开发商品规格组件
摘要：电商后台需求-商品规格组件，参数是我们业务上需要的，不过八九不离十，使用elementUI库写的该组件，组件中的上传图片使用了oss-upload组件（详见另一文：阿里oss上传组件） <template> <div class="sku-list"> <template v-if="!disabl 阅读全文
posted @ 2022-05-13 14:36 豆浆不要油条 阅读(846) 评论(0) 推荐(0)
私人定制：阿里oss上传组件
摘要：本文代码只是vue前端组件代码，还需要依赖vuedraggable组件库（支持拖拽排序）；还需要ossUpload.js工具函数（详见另外一文：阿里oss上传工具） 该组件写的时候大部分都是参照elementUI的上传组件（其实是本来的业务代码都是通过后端上传，后面领导说要用oss，所以就写了这个组 阅读全文
posted @ 2022-05-13 14:18 豆浆不要油条 阅读(133) 评论(0) 推荐(0)