Vue-Upload-Cropper：融合ELUpload与vue-cropper实现图片初始化渲染及上传裁剪的封装
5星
- 浏览量: 0
- 大小:None
- 文件类型：None
简介：
Vue-Upload-Cropper是一款基于Vue.js框架开发的插件，它结合了ELUpload和vue-cropper的优点，提供了强大的图片上传、预览和裁剪功能。
使用vue-upload-cropper结合element-ui的upload组件与vue-cropper进行图片初始化渲染及上传裁剪功能封装。
### 使用条件：
1. 确保已经安装并配置了babel-plugin-transform-vue-jsx，以及babel-plugin-syntax-jsx插件。
2. 安装依赖：`npm i vue-upload-cropper`
### 使用方法：
#### 方法一
在main.js中引入并使用Vue.use()进行全局注册：
```javascript
import UploadCropper from vue-upload-cropper
Vue.use(UploadCropper)
```
#### 方法二
直接将组件作为局部组件导入并在模板中使用：
```javascript
import UploadCropper from vue-upload-cropper
Vue.component(upload-cropper, UploadCropper)
```
在.vue文件中的示例代码如下：
```html
全部评论 (0)
还没有任何评论哟~
