图片裁剪工具vue-img-cutter

https://github.com/acccccccb/vue-img-cutter

1.安装

npm install vue-img-cutter --save-dev

2. 引入注册

import ImgCutter from 'vue-img-cutter'
export default {
        components:{
            ImgCutter
        },
...
}

3.引用

 
     {{ !info.image ? "添加封面" : "更改封面 " }}
     选择图片
     确认
     取消


//裁剪后上传方法
 async cutDown(param) {
      const res = await uploadImage(param);
      if (res) {
        this.$set(this.info, "image", res.data);
        let file = { raw: param.file };
        let imageUrl = await prewImage(file);
        this.$set(this.info, "image_file", imageUrl);
      }
    },