Vue-Cropper：简洁的Vue图片裁剪插件
5星
- 浏览量: 0
- 大小:None
- 文件类型：None
简介：
简介：Vue-Cropper是一款专为Vue.js设计的轻量级图片裁剪组件，提供简单易用的API接口和丰富的配置选项，帮助开发者快速实现网页中的图片裁剪功能。
需要使用外层容器包裹并设置宽高，请注意：需关闭本地的mock服务，否则图片转换会报错。
在组件内引入：
```javascript
import { VueCropper } from vue-cropper;
components: {
VueCropper,
},
```
在main.js中引入：
```javascript
import VueCropper from vue-cropper;
Vue.use(VueCropper);
```
使用cdn方式时，可以这样写：
```javascript
Vue.use(window[vue-cropper].default);
```
对于Nuxt项目中的使用方法为：
```javascript
if(process.browser) {
vueCropper = require(vue-cropper);
Vue.use(vueCropper.default)
}
```
在模板中引用时，可以这样写：
```html
全部评论 (0)
还没有任何评论哟~
