vue+elementUi结合vue-cropper插件，开发一个能裁剪图片功能组件

Posted 2021-12-16 versionli

主要功能有：

1，裁剪图片

2，可以增加，删除裁剪的图片

3，在编辑页面，根据接口返回来的图片数据遍历出来。

看下效果图

 一, 安装 vue-cropper     npm i vue-cropper 

vue-cropper 的api官网

https://github.com/fengyuanchen/cropperjs#cropperjs

html代码：

js

 

 

        父组件 

 

还有一些可以优化的地方

=====================================================

如果你是新手想学前端可以加我;

如果你是一个有基础，但学习前端没有明确的方向，可以加我;

如果你刚毕业找到前端的工作，但工作上遇到问题或怕遇到问题解决不了的可以加我;
 
如果有前端问题解决不了，可以有尝解答;

一对一私人指导/教学（费用很便且）：微信（标明是学前端或问题咨询）：
 或付费解决前端问题：