修改el-image-viewer 滚轮缩放速度scale 从node_modules/element-ui/image/中找到image-viewer.vue复制粘贴到自己的components里。我改了下名,把image-viewer改成驼峰了,个人项目代码规范需求,仅供参考。修改以下部分,再引入到自己的vue页面即可。
vue图片放大缩小拖拽,缩略图相应展示页面视口图片内容 cavas实现,大致😒写了一半,主要问题就是模糊需要处理,后边没写了,有大神改改的话请@我抄抄,在此谢过了🙏。(2)每次拖拽大图需要重新绘制相应小图的内容到大图展示上,每次canvas重新绘制会模糊,这块没写。(3)小图展示的是1080*1920等比10倍缩小的,根据实际情况可以改为视口等比缩小。(1)代码mark框初始状态应该是框起来一整个小图,我没改。(4)大图和小图模糊处理可以通过以下代码处理。showImg.vue代码,就一个文件。实现的也不是很好,比较垃圾。
el-form rules动态限制 el-form 的ref=“obj” rules 对象obj有a,b,c三个字段,点击按钮a,a和b字段必填,点击按钮c,c字段必填,如何通过 this.$refs.obj.validate((valid)=>{})去判断呢。
vue Base64加解密处理,URLSearchParams 获取参数 你可以使用 get() 方法获取特定参数的值,或者使用 toString() 方法将 URLSearchParams 对象转换为查询字符串。name=John&age=30,其中包含两个查询参数 name 和 age,它们分别对应的值是 John 和 30。// 插播------------------------------------我是快乐分割线---------------------------------吼吼!2、URLSearchParams --用于处理 URL 查询参数的 API。