Vue头像裁剪器 - vue-avatar-cropper

特征：

• 自定义触发事件。
• 活动。
• 可缩放
• 自定义宽高比。
• 允许您设置允许的模因类型。
• 事件处理程序。

第一步

$ npm i vue-avatar-cropper --save-dev

第二步

其他事件

export default {
    //...
    methods: {
        ...
        handleUploading(form, xhr) {
            form.append('foo', 'bar')
        },
        handleUploaded(response, form, xhr) {
            // update user avatar attribute
        },
        handleCompleted(response, form, xhr) {
            // xhr.status
        },
        handlerError(message, type, xhr) {
          if (type == 'upload') {
            // xhr.response...
          }
        }
    },
}

官网：https://github.com/overtrue/vue-avatar-cropper