有一移动端项目，使用的vant-ui。可是vant自带的Uploader似乎不支持一次选择多张图片上传的功能。于是乎：在https://www.npmjs.com/查找发现找到 vue-upload-component 组件，功能基本都有，评价也不错，目前有1500多个star。因为是国人开发的，所有比较完善的中文文档。 完整的例子。 使用：1.安装：npm install v
转载
2023-07-14 10:57:24
417阅读
一个优雅的图片裁剪插件 https://www.np
转载
2022-08-29 22:07:42
399阅读
简介ToastUI Image Editor 是一个基于 HTML5 Canvas 的图片编辑器，它使用起来非常简单，而且内置了丰富的图片编辑功能。它支持原生 JavaScript、Vue 组件 和 React 组件三种使用方式。官网地址 https://nhn.github.io/tui.image-editor/latest/ git地址  
转载
2024-10-17 09:36:12
719阅读
最近在开发一些项目，需要手机端上传图片，然后优化了一个裁剪的功能，遇到了一些神奇的BUG，然后就自己弄了一个插件。首先采用的技术实现方案是：vue-cropper这个是一个比较不错的图片裁剪功能，实现简单的裁剪是没有问题的，但是存在一个BUG，图片放大后，将裁剪框滑动的边缘，则无法缩小。出现BUG的原因：该插件图片放大使用的是CSS3属性【scale】进行放大，缩小，由于限制了裁剪框在图片内，而【
转载
2024-03-01 14:59:14
596阅读
第一步：安装插件npm i vue-lazyload --save第二步：在main.js中引入，并使用参数参考网址：https://www.np
原创
2022-07-22 09:34:53
207阅读
第二种方式：可以根据preview分组，不同组的照片对应的preview值不同，具体如下所示。第一种方式：直接使用。
原创
2023-02-18 12:26:22
1448阅读
在开发中，经常会遇到这样的需求，就是点击图片，能够放大预览。在
原创
2022-09-22 18:54:50
218阅读
懒加载优化 （1）前言 利用vue-lazyload实现图片懒加载，下面介绍下具体使用步骤 （2）下载安装第三方模块 （3）引入并激活相关参数 （4）组件调用 使用方法很简单，将图片的:src改为v-lazy即可，如下所示 此时效果如下 因为之前设置的img宽度为100，所以这里需要用到属性选择器去
转载
2019-12-20 17:19:00
190阅读
2评论
转载：https://www.cnblogs.com/xyyt/p/7650539.html一. vue lazyload插件：插件地址：https://github.com/hilongjw
原创
2022-06-18 00:05:45
871阅读
一. vue lazyload插件：插件地址---demo二. 简单使用实例：这个插件还是蛮好用的，就是感觉这个插件的开发文档有点太啰嗦了，一股脑把所有的api扩展都罗列出来，源码中并没有可以运行的实例提供。其实这个插件做简单使用的话是很简单的，看官方文档的
原创
2020-12-10 16:09:23
109阅读
安装 # 安装 npm install hevue-img-preview --save # main.js 引入 import hevueImgPrevie
原创
2023-04-29 20:10:32
562阅读
在 Vue 3 中，以下是一些好用的图片裁剪插件： vue-img-cutter: 这个插件功能强大，提供了灵活的裁剪工具和选项，支持多种裁
1、安装npm install vue-photo-preview --save2、引入（在main.js中全局引入）import preview from 'vue-photo-previe
原创
2022-07-18 17:56:52
534阅读
头像裁剪压缩上传流程：点击头像--判断是否为IOS端--若是--A，否则--BA：选择图片 --CB：弹框供用户选择从相册选择或者调用相机拍照--选择图片--CC：出现cropper裁剪框,裁剪框位于图片上方，用户可以拖动或者放大缩小裁剪框--用户手动调整后--代码执行压缩并上传1.引入vueCropper组件地址：https://www.npmjs.com/package/vue-cropper
wc-view移动端图片浏览插件安装npm i wc-view --save-dev使用i
原创
2022-09-22 18:54:26
349阅读
最近在撸一个电商网站，有一个需求是要像淘宝商品详情页那样，鼠标放在主图上，显示图片放大镜效果，找了一下貌似没有什么合适的vue插件，于是自己撸了一个，分享一下。小白第一次分享，各位大神莫见笑。 vue piczoom picture magnifier component for Vue.js 2.
转载
2018-11-14 16:33:00
163阅读
2评论
**作用：**用于增强Vue 使用方式： 创建插件plugins.js export default { install(Vue){ } } 在main.js中引入插件 import plugins from "@/plugins"; Vue.use(plugins)； ...
转载
2021-10-11 21:09:00
102阅读
2评论
