VUE-裁剪图片

1,安装插件 vue-cropper
npm install vue-cropper --save
2,页面中引用插件
import { VueCropper } from "vue-cropper";
export default {
components: { VueCropper }
}
3,点击原图片,弹出修改头像弹窗
4,点击提交修改头像弹窗

整体代码如下:




你可能感兴趣的:(VUE-裁剪图片)